Joseph.Wang 发表于 2024-7-24 14:06:02

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

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

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


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

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

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

table._grid._sheet.bind(GC.Spread.Sheets.Events.ColumnWidthChanged, function (e, info) {
    table._grid.autoFitRowHeight();
});
以下为最终实现效果，附件也分享出来了，大家可以参考~


遇见未知的自己 发表于 2024-7-24 22:07:54

:hjyzw::hjyzw::hjyzw:

dklzhq 发表于 2024-7-25 10:32:51

:hjyzw::hjyzw:

dlxubo 发表于 2024-7-26 16:05:54

:i0tw::i0tw:

爱上网络 发表于 2024-7-26 17:24:59

:hjyzw::hjyzw:

青淮 发表于 2024-7-26 17:52:17

:hjyzw:

stranger 发表于 2024-7-30 22:29:33

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

KinShing 发表于 2024-8-2 19:24:41

牛B:hjyzw:
页: [1]
查看完整版本: 表格调整列宽后行高自适应