[Bug Report] 切换表格时，右侧固定列阴影不显示

[ww0625]

选择要提交 issue 的库

vue-easytable

Issue 类型

Bug

Issue 标题

切换表格时，右侧固定列阴影不显示

仓库版本

2.7.0

Vue 版本

2.6.14

浏览器

Chrome 93.0.4577.82

系统类型

Windows

重现链接

https://docs.qq.com/doc/DZWtiRU5kTFVKaXZU

重现步骤

1.进入第一个列表，列表右侧固定列阴影正常显示
2.不动滚动条，切换到另一个列表，此列表右侧固定列阴影不展示
3. 2.6.1版本的代码改了阴影的问题，此问题不存在，但2.7.0及之后的版本，加了判断，具体链接中已截图

期望的结果是什么？

切换列表，右侧固定列阴影正常展示

实际的结果是什么？

切换列表，右侧固定列阴影不展示

[huangshuwei]

https://docs.qq.com/doc/DZWtiRU5kTFVKaXZU
这个链接我看不了

[ww0625]

[ww0625]

是否可以在 initVirtualScroll 方法里对 this.$options.customOption.previewTableContainerScrollLeft 的值进行重置

若有其他方式解决，请说明一下 感谢

[huangshuwei]

可以提供一个可以复现的示例吗，2个表格应该不会共享同一个 previewTableContainerScrollLeft 变量才对。谢谢

可以用这个模板：https://codesandbox.io/s/vue-easytable-template-yg2iu?file=/Example.vue

[zhangjiayu1215]

https://codesandbox.io/s/frosty-shape-7e2i8?file=/Example.vue

最开始以为是keep-alive或router-view导致的，但是不加也可以复现

如果先滚动一点再切换列表可以生成right-scrolling的class，确实是$options复用了

[huangshuwei]

@zhangjiayu1215
感谢提供的复现示例。这个bug 的本质不是 this.$options.customOption.previewTableContainerScrollLeft的复用，因为每一个table 创建时 this.$options对于当前组件都是唯一的。

这里bug的原因是由于表格的显示隐藏导致的：表格（或其他dom元素）在隐藏状态是无法检测到 scrollLeft等属性值的，所以会造成在隐藏状态 scrollLeft为0，当表格从隐藏状态切换到显示状态时，也不会在触发 setScrolling方法。

晚些时间修复

[huangshuwei]

已修复 v2.8.3