滚动条把表格数据给滚得不见了？怎么办

收藏

本帖最后由湖南大商帮于 2022-11-11 20:04 编辑

如下图，画面有点压缩得厉害（没有会员，没办法），往下滚动到最下面的时候，上面的所有的行都会一直往上滚到消失不见了，两边都是一样的。而标注的spread表格没有设置任何参数的时候，默认200行往上滚动会保留最后一行就不再滚动了。不知道怎么回事，还是我参数不对？

QQ录屏20221111193143.gif

  scrollIgnoreHidden: false, // 使滚动条忽略隐藏列和行
  scrollbarShowMax: true, // 显示的滚动条是否基于表单中的完整列数和行数
  scrollbarMaxAlign: false, // true -> 滚动条是否与活动表单的最后一行和一列对齐
  scrollbarAppearance: GC.Spread.Sheets.ScrollbarAppearance.mobile,
  showHorizontalScrollbar: true,
  showVerticalScrollbar: true

Clark.Pan · Clark.Pan

您好，设置一下spread.options.scrollbarMaxAlign = true;再看看。

湖南大商帮 · 湖南大商帮

经过大量测试，发现是以下2个属性最终影响了滚动：

scrollByPixel: true, // 是否启用按像素滚动的精度
scrollPixel: 15,

复制代码

但是不知道为什么，难道是容器是flex就计算高度有误？

Clark.Pan · Clark.Pan

我这边测试结果跟像素滚动无关，不管是不是像素滚动，加了spread.options.scrollbarMaxAlign = true后余白就会去掉。
如果您那边加了还有问题，请发送具体的demo，我们调试再看看

湖南大商帮 · 湖南大商帮

我们的需求是，最后一行的下面，要留有一些空白，但是又不要留太多，这种奇葩需求。。。目前我也不清楚为何这个像素滚动会让表格滚到都不见了，可能是数据里有很多隐藏的行？

Clark.Pan · Clark.Pan

有个想法，你看看行不行。把表格的网格线隐藏掉后，表格就成了空白的了。然后原本的网格线用同样颜色的真实边框代替。然后再底下留上几行空白行。因为没有网格线，空白行从现实效果上来看就是真正的空白行了。这样你滚动的时候还可以留几行空白行显示。

左侧的树形结构看上去用上面方法可行。但右侧表格你这边行头不是隐藏的。这样用上述方法时会出现一个问题，就是底下的几行空白会有行号。只要你不介意的话也没什么问题。其他没有想到更好的解决办法了。

		自动登录	找回密码
密码			立即注册

[已处理] 滚动条把表格数据给滚得不见了？怎么办

5 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄