element-plus的虚拟表格如何让垂直滚动条左移6px?
UI要求最后的操作栏,左右间距必须一样,但是由于这个ele的虚拟表格预留了6px的滚动条位置,所以右侧多出6px。这个如何解决呢?研究半天了都不行
从下图可以很清楚的看到这个滚动条宽度是通过js手动设置的
element-plus的虚拟表格如何让垂直滚动条左移6px?
UI要求最后的操作栏,左右间距必须一样,但是由于这个ele的虚拟表格预留了6px的滚动条位置,所以右侧多出6px。这个如何解决呢?研究半天了都不行
从下图可以很清楚的看到这个滚动条宽度是通过js手动设置的
单纯让垂直滚动条左移6px的话。给 .el-virtual-scrollbar
元素写个 transform:translateX(-6px)
的自定义样式就可以了呀,但是需要注意一下应用范围。
不过你可以给 el-table-v2
开启 scrollbar-always-on
属性,让滚动条一直显示可能就好了?
如果是需要让左右两边的留白一致。得看你们项目的自定义样式了,我看 ele+
的虚拟滚动条表格是没有预留滚动条位置的。所以猜测是你们项目覆写了最后一栏操作栏的样式,或者所有列的宽度总和没有达到你给 el-table-v2
设置的宽度值?
4 回答4.6k 阅读✓ 已解决
4 回答2.1k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
3 回答5.1k 阅读
2 回答2.6k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
直接设置 v-scrollbar-size = 0,就好了,正常按照文档理解这个设置应该影响的是滚动条的宽度,但实际上并不是如此耶
