element 表格出现滚动条时，错位问题_element表格有滚动条表头未对齐

作者：神奇cpp | 2024-07-19 10:37:19

踩

element表格有滚动条表头未对齐

在这里插入图片描述
出现上图现象的原因：表头预留的滚动条位置跟内容的宽度不一样
解决办法一：

//注意：以下样式代码需要添加到index.html、或app.vue中（必须是入口文件，起全局作用！）
body .el-table th.gutter {
   display: table-cell!important;
}
1
2
3
4

解决办法二：

  ::v-deep .el-table--scrollable-y {
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 9px;
      height: 9px;
    }
    .gutter {
      width: 10px !important;
    }
  }
1
2
3
4
5
6
7
8
9

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