找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-3-13 16:02  /   查看:10543  /  回复:0
近期群里有很多同学在使用页面表格展示数据表中的数据的时候,若数据表中的字段过多,会导致浏览器页面显示不下,需要通过横向滚动条来查看所有数据,很不方便,易用性很差。接下来,我为大家分享下页面表格的冻结功能,可以在浏览器中固定表格的大小,在表格内部添加滚动条,且根据实际需求保留第一列姓名列和最后一列删除列。

1.我们需要添加一个信息表。共包含36个字段。
image.png907580261.png

2.将该信息表生成一个列表页面。此时在浏览器端查看该页面时,需要拖动浏览器滚动条来查看所有数据。用户体验很差。
浏览器滚动条.gif

3.此时我们需要将部分列隐藏。仅留下你想要的表格大小。但是此时你会发下打开浏览器后,隐藏的列的数据也全部被隐藏了。
隐藏列.gif image.png955104370.png


4.为了保证页面中的表数据显示完整,我们需要将页面表格中隐藏单元格设为忽略隐藏。浏览器端显示正常。
表格单元格忽略隐藏.gif
浏览器端忽略隐藏效果.gif

5.通过以上操作,我们就可以固定页面表格的大小,显示所有数据。
但是易用性还是很差,在拖到中间的时候并不知道看得是哪个用户的数据,也看不到删除按钮。
在这个基础上我们需要冻结第一列和最后一列。操作如下图:
在表格中右键选择表格设置
image.png916251220.png
修改表格设置中的行为,冻结首部1列和尾部1列
image.png92751769.png

效果展示:
冻结列效果展示.gif

具体工程文件见附件。

冻结列.fgcc

526.13 KB, 下载次数: 566

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部