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 @   盘思动  阅读(139)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
历史上的今天:
2023-01-10 mac nodejs 切换版本
2019-01-10 分割空的字符串,可以分割出有内容的数组来
2019-01-10 链接生成二维码图片
点击右上角即可分享
微信分享提示