vue.js - element-plus的虚拟表格如何让垂直滚动条左移6px？
element-plus的虚拟表格如何让垂直滚动条左移6px?
UI要求最后的操作栏，左右间距必须一样，但是由于这个ele的虚拟表格预留了6px的滚动条位置，所以右侧多出6px。这个如何解决呢？研究半天了都不行
从下图可以很清楚的看到这个滚动条宽度是通过js手动设置的
共有2个答案
单纯让垂直滚动条左移6px的话。给 .el-virtual-scrollbar 元素写个 transform:translateX(-6px) 的自定义样式就可以了呀，但是需要注意一下应用范围。
不过你可以给 el-table-v2 开启 scrollbar-always-on 属性，让滚动条一直显示可能就好了？
Edit
如果是需要让左右两边的留白一致。得看你们项目的自定义样式了，我看 ele+ 的虚拟滚动条表格是没有预留滚动条位置的。所以猜测是你们项目覆写了最后一栏操作栏的样式，或者所有列的宽度总和没有达到你给 el-table-v2 设置的宽度值？
直接设置 v-scrollbar-size = 0,就好了，正常按照文档理解这个设置应该影响的是滚动条的宽度，但实际上并不是如此耶
-
问题内容： 是否可以使用CSS将DIV的垂直滚动条放在div的左侧？那jscript呢？ 问题答案： 您可以使用JQuery和此插件在任意位置添加伪滚动条：JScrollPane
-
在我的HTML页面中，我有很多宽度：100VW的东西占据了整个页面。有一个垂直滚动条，它导致一个水平滚动条（因为垂直滚动条占用了20像素）。 这导致的更大问题是我的东西似乎偏离了中心。虽然只是轻微的，但一旦你注意到它（这需要大约3秒的凝视），它不会消失，而且是非常令人沮丧的。我贴了一张超级小浏览器窗口的截图。我还把代码贴出来了。 图像 null null 文字偏离了中心。我怎么解决这个？
-
问题内容： 我的表上有很多行。我想设置表格的高度，例如500px，这样，如果表格的高度大于该高度，则会出现一个垂直滚动条。我尝试在上使用CSS 属性，但是它不起作用。 问题答案： 尝试使用CSS属性。还有单独的属性来定义水平溢出（）和垂直溢出（）的行为。 由于只需要垂直滚动，请尝试以下操作： 编辑： 显然，元素不尊重该属性。这似乎是因为默认情况下元素未呈现为（它们实际上具有自己的显示类型）。您可以
-
即使SWT表格为空，是否可以始终在表格中显示垂直滚动条？通过始终显示（可能已禁用）垂直滚动条，可以避免最后一列在使用列权重数据（ColumnWeightData）进行布局时部分隐藏。 我试图用SWT初始化表。V\u滚动或使用表格。getVerticalBar（）。setVisible（true）-两者均未成功。 在ScrollableComposite中有一个方法设置总是显示滚动条。我要找的是表中
-
好吧，这里你是下一篇关于固定页眉和页脚的无聊滚动表的文章。这个主题来自超文本标记语言的刚性结构。源问题是显示非常巨大的表格溢出屏幕宽度作为高度。我的愿望也是将标题固定在表格的顶部，因此将其副本固定在表格的底部。 在大量搜索和测试保证代码后，我发现了下一个深层嵌套问题：-页眉和页脚没有保持表体的单元格间距，而tbody是单独滚动的-tbody行覆盖了页眉-tbody的垂直滚动很难与整个表（包括页眉和
-
问题内容： 如何将垂直滚动条放在树的左侧？ 问题答案： 如果仅在Windows上，则可以执行以下操作： 否则，您可能需要研究Snippet296，它显示了如何使用ScrolledComposite处理Tree的滚动。通过在此代码段中将样式SWT.RIGHT_TO_LEFT添加到ScrolledComposite，并将样式SWT.LEFT_TO_RIGHT添加到Tree，我在左侧有了一个滚动条。但是