有时候table加上个别min-width时候,会出现留白现象

解决办法:
方法1:直接修改表头th背景色
.el-table th.el-table__cell {
background-color: pink;
}
如果有时候设置了不生效,那就是没有设置在全局下面,可能设置进了某个类下面
方法2:找到对应的dom修改背景色
.gutter {
background-color: #ededed !important;
}
如果我们隐藏了table的滚动条,这时候我们看见下面会有留白现象

这是因为下面的body宽度写死了,没有100%适应
添加css
.el-table__body-wrapper {
.el-table__body {
width: 100% !important;
}
}
本文介绍了当Table组件出现留白现象时的两种解决方案。一种是通过调整表头TH的背景颜色来消除留白,另一种是通过修改DOM元素的背景色。此外,还提供了解决隐藏滚动条后底部留白的方法,即确保表格主体宽度为100%。
1802

被折叠的 条评论
为什么被折叠?



