找回密码
 立即注册

QQ登录

只需一步,快速开始

Joseph.Wang
超级版主   /  发表于:2024-7-24 14:06  /   查看:1054  /  回复:7
本帖最后由 Joseph.Wang 于 2024-7-24 15:04 编辑

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

image.png513882445.png image.png678419189.png
完成之后,就可以实现类似的效果了
image.png910812988.png
但随之而来也会发现一个问题,运行后拖拽列宽,会出现显示不全的情况
录制_2024_07_24_13_43_41_248.gif802954711.png
这个是因为行高的自适应是最初加载的时候渲染的,因此在拖拽列宽的时候,行高是不会进行自动调整的。
如果要实现调整列宽后行高自适应,就需要借助JavaScript来实现了,思路也比较简单:页面加载时监听表格拖拽的变化,当拖拽结束后,调用自动调整行高的方法。
  1. let table = Forguncy.Page.getListView('table');

  2. table._grid._sheet.bind(GC.Spread.Sheets.Events.ColumnWidthChanged, function (e, info) {
  3.     table._grid.autoFitRowHeight();
  4. });
复制代码

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

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

136.47 KB, 下载次数: 233

7 个回复

正序浏览
KinShing
中级会员   /  发表于:2024-8-2 19:24:41
8#
牛B
回复 使用道具 举报
stranger
银牌会员   /  发表于:2024-7-30 22:29:33
7#
学习。。。。。。。。。。。。
回复 使用道具 举报
青淮
中级会员   /  发表于:2024-7-26 17:52:17
6#
回复 使用道具 举报
爱上网络
高级会员   /  发表于:2024-7-26 17:24:59
5#
回复 使用道具 举报
dlxubo
银牌会员   /  发表于:2024-7-26 16:05:54
地板
回复 使用道具 举报
dklzhq
中级会员   /  发表于:2024-7-25 10:32:51
板凳
回复 使用道具 举报
遇见未知的自己
银牌会员   /  发表于:2024-7-24 22:07:54
沙发
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部