Simon.Sun 发表于 2024-1-18 15:13:57

一看就会,超有用活字格技能:一百九十三、调整表格区域高度(解决底部空白问题)

在使用活字格内置表格的时候,表格区域的高度在使用固定模式下设计时就决定了,就可能会出现当表格数量比较少时,表格存在空白区域的情况,如下:


有时候,我们会给表格设置汇总行,出现空白区域时,汇总行是设置在表格末尾的,有时候我们也想汇总行能够跟着紧挨着表格的最后一行数据展示。总的来说,需要一种方式能够实现,表格的高度能够自适应表格中数据的数量。
办法还是有的,不得不佩服下格友大佬们的创造力。逛逛逛大佬就提供了一个很好的思路去解决上述问题,这里分享下大佬的方案,原本的帖子可以看下末尾的帖子链接。

具体实现步骤如下:
1、首先在设计表格时,给表格高度设置为固定模式,预留的高度取决于我们表格初始展示数据的数量。比如说这里表格初始只会展示 2 条数据,加上汇总行是 3 行,这里就预留了三行位置。



2、在页面加载时命令中给表格的 reload 事件添加逻辑,逻辑是获取表格现有的数据行数,并且将其设置到页面上的命名为行数的单元格上,这样能够保证当表格数据重新加载时,会将表格数据的行数设置到单元格上。表格的 reload 事件详情可参考帮助手册。Forguncy.ListViewEvents - 活字格V9帮助文档 (grapecity.com.cn)



3、在页面上命名为行数的单元格上的值变更命令里,去动态设置表格所在区域的高度。逻辑是通过行数和每行高度计算出表格数据区域高度,并通过设置行列布局命令动态设置:



实现的效果如下:




原贴链接:https://gcdn.grapecity.com.cn/showtopic-201704-1-1.html
再次感谢大佬们的支持。



页: [1]
查看完整版本: 一看就会,超有用活字格技能:一百九十三、调整表格区域高度(解决底部空白问题)