element-plus的虚拟表格如何让垂直滚动条左移6px?

element-plus的虚拟表格如何让垂直滚动条左移6px?
UI要求最后的操作栏,左右间距必须一样,但是由于这个ele的虚拟表格预留了6px的滚动条位置,所以右侧多出6px。这个如何解决呢?研究半天了都不行

image.png

从下图可以很清楚的看到这个滚动条宽度是通过js手动设置的
image.png

阅读 1k
2 个回答

直接设置 v-scrollbar-size = 0,就好了,正常按照文档理解这个设置应该影响的是滚动条的宽度,但实际上并不是如此耶
image.png

单纯让垂直滚动条左移6px的话。给 .el-virtual-scrollbar 元素写个 transform:translateX(-6px) 的自定义样式就可以了呀,但是需要注意一下应用范围。

不过你可以给 el-table-v2 开启 scrollbar-always-on 属性,让滚动条一直显示可能就好了?


Edit

如果是需要让左右两边的留白一致。得看你们项目的自定义样式了,我看 ele+ 的虚拟滚动条表格是没有预留滚动条位置的。所以猜测是你们项目覆写了最后一栏操作栏的样式,或者所有列的宽度总和没有达到你给 el-table-v2 设置的宽度值?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题