vue elementUI怎样解决表格滚动条滑动，表格错位_elementui表格滚动发生错位

作者：黑客灵魂 | 2024-07-19 10:31:49

踩

elementui表格滚动发生错位

1、问题描述

当表格里的内容比较多的时候，滑动滚动条，就会导致表头和内容错位，如图下所示。

在这里插入图片描述

我们给表头的容器的右侧留出和滚动条宽度相同的尺寸，即可解决错位问题。

代码如下：

// 解决拖拽表格滚动条，错位问题
.el-table__header-wrapper{
  padding-right: 10px!important; // 滚动条宽度
}
1
2
3
4

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/黑客灵魂/article/detail/850981