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;
}
相信坚持的力量,日复一日的习惯.