登录/注册

首页 › 活字格专区 › 专题教程 › 查看内容

744 主题	1万帖子	2万积分

Rank: 8 Rank: 8

积分: 24125

162900
金币
744
主题
13079
帖子

最新发帖

[神奇功能] 帮你打开活字格更神奇的功能：二十，表格冻结列功能

讲师达人认证

悬赏达人认证

活字格认证

超级版主 / 发表于：2018-3-13 16:02 / 查看：10534 / 回复：0

近期群里有很多同学在使用页面表格展示数据表中的数据的时候，若数据表中的字段过多，会导致浏览器页面显示不下，需要通过横向滚动条来查看所有数据，很不方便，易用性很差。接下来，我为大家分享下页面表格的冻结功能，可以在浏览器中固定表格的大小，在表格内部添加滚动条，且根据实际需求保留第一列姓名列和最后一列删除列。

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

image.png907580261.png

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

浏览器滚动条.gif

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

隐藏列.gif

image.png955104370.png

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

表格单元格忽略隐藏.gif

浏览器端忽略隐藏效果.gif

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

image.png916251220.png

修改表格设置中的行为，冻结首部1列和尾部1列
image.png92751769.png

image.png92751769.png

效果展示：

冻结列效果展示.gif

具体工程文件见附件。

526.13 KB, 下载次数: 560

收藏

回复

点我了解价格 & 预约官方技术顾问

0 个回复