好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

关于Element table组件滚动条不显示的踩坑记录

踩坑详情

在多table切换的单个页面内

1、某些table的 横向滚动条不自动显示 ,在 手动调整窗体大小 或者 进行缩放操作 时会恢复正常。

如:

2、某些table的 横向滚动条显示在表格的中部位置 ,在在 手动调整窗体大小 或者 进行缩放操作 以及 表格中数据条目增加到滚动条位置 时会恢复正常。

如:

处理办法

看了一下github上有很多类似的issue,但貌似没有得到官方解决。

所以暂且认为是个Bug。

情况1: 经过简单测试,发现滚动条向上偏移的距离和表格的列数有关, 列数减少到12列左右 就可恢复正常。(P.S. 有很大的可能是列的总宽度和页面大小存在一定关系,这里说的12列是我所测试的特定环境下的合适值,由于时间原因没有深入研究,所以仅供参考) 情况2: 也是简单测试,发现如果 存在标题较长的列,发生了换行 ,如上所示的[标题很长很长很长的测试列],就会出现前文所述的现象,处理方法是, 增加该列的宽度,使其不需要换行 ,即可恢复正常。

因为测试简单,也没有研究源码,所以得出的结论简单且武断。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

查看更多关于关于Element table组件滚动条不显示的踩坑记录的详细内容...

  阅读:48次