el-table el-table__cell gutter 占位宽度如何修改;滚动条导致表格线条不对齐问题

  • 实测有效!!!
  • 这里display:table-cell, 一定不要设置成block,很多博客都写设置成block,实测导致gutter外层占位莫名17px,还找不到地方修改
<style scoped lang="scss">
// 解决表头固定,出现错位问题
/deep/.el-table {
  th.gutter,
  colgroup.gutter {// 这里一定不要display:block
    width: 17px !important; //此处的宽度值,对应你自定义滚动条的宽度即可
  }
}
 

// 关键css代码
/deep/.el-table__header colgroup col[name="gutter"] {
  display: table-cell !important; 
}
 
</style>
  • 滚动条宽度设置
.el-table__body-wrapper::-webkit-scrollbar {
  width: 17px;
}
posted @ 2025-01-10 10:48  盘思动  阅读(700)  评论(0)    收藏  举报