表格调整列宽后行高自适应

收藏

本帖最后由 Joseph.Wang 于 2024-7-24 15:04 编辑

当表格中字段内容比较长的时候，如果希望能够比较美观的展示，通常会勾选自适应行高，并且将单元格设置为自动换行，类似这样。

image.png513882445.png

完成之后，就可以实现类似的效果了
image.png910812988.png

但随之而来也会发现一个问题，运行后拖拽列宽，会出现显示不全的情况
录制_2024_07_24_13_43_41_248.gif802954711.png

这个是因为行高的自适应是最初加载的时候渲染的，因此在拖拽列宽的时候，行高是不会进行自动调整的。
如果要实现调整列宽后行高自适应，就需要借助JavaScript来实现了，思路也比较简单：页面加载时监听表格拖拽的变化，当拖拽结束后，调用自动调整行高的方法。

let table = Forguncy.Page.getListView('table');
table._grid._sheet.bind(GC.Spread.Sheets.Events.ColumnWidthChanged, function (e, info) {
table._grid.autoFitRowHeight();
});

复制代码

以下为最终实现效果，附件也分享出来了，大家可以参考~
录制_2024_07_24_13_54_12_739.gif779358825.png

遇见未知的自己 · 遇见未知的自己

dklzhq · dklzhq

dlxubo · dlxubo

爱上网络 · 爱上网络

青淮 · 青淮

stranger · stranger

学习。。。。。。。。。。。。

KinShing · KinShing

牛B

		自动登录	找回密码
密码			立即注册

[资源分享] 表格调整列宽后行高自适应