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;
}
相信坚持的力量,日复一日的习惯.
分类:
html css
, element-ui plus
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需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 链接生成二维码图片