登录/注册

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

47 主题	1万帖子	1万积分

积分: 19168

134467
金币
47
主题
14745
帖子

最新发帖

[易学技巧] 一看就会，超有用活字格技能：一百四十三、更优雅的表格滚动条，顺带解决表格空白问题

讲师达人认证

悬赏达人认证

活字格认证

论坛元老 / 发表于：2022-6-7 17:38 / 查看：4909 / 回复：0

本帖最后由 David.Zhong 于 2022-6-7 17:40 编辑

当我们给表格设置了自适应列宽时，如果某一列的文本过长，表格往往出现横向滚动条，但是如果我们想完整的浏览这一列过长的文本，往往又做不到，
因为在滚动的时候会以列宽为单位滚动，非常难受~
效果如下，强迫症患者慎看~
表格滚动.gif14290160.png

表格滚动.gif14290160.png

并且还有一个后遗症是会出现空白，非常难受再+1~
image.png903139037.png

image.png903139037.png

一直苦于没有很好的解决方案~

不过，就在今天，我看到一个大佬轻飘飘的扔下了一段代码，轻轻松松的解决了这两个问题~

本着独乐乐不如众乐乐的思想，故此决定分享给大佬~

先来看一下效果：
按像素滚动.gif438925475.png

按像素滚动.gif438925475.png

不仅可以按像素滚动，还解决了空白问题，简直不要太优雅~

实现方式也超级简单，在页面加载时命令中执行下面这段JS，搞定~

var listview=Forguncy.Page.getListView("表格名称");
var spread=listview.getControl();
spread.options.scrollByPixel = true;

复制代码

image.png209703978.png

工程文件：

表格按像素滚动.fgcc (85.85 KB, 下载次数: 504)

评分

参与人数 10	金币 +15	满意度 +35	收起理由
13794930121		+ 5
YSLSX		+ 5
Grayson.Shang	+ 5
zhch182		+ 5
夏雪冬阳		+ 5
swejet		+ 5
lijetcart		+ 5
jleme		+ 5
Howie.Sun	+ 5		很给力!
Lay.Li	+ 5		赞一个!

查看全部评分

收藏

回复

0 个回复