解决el-table表头每列留有空隙问题

在项目中修改了el-table表头的背景色之后,发现了一个之前没有注意到的问题,表头每一列之间都出现了一条白色边框,看起来很不美观

查看样式发现table有一个 border-collapse:separate; 属性, border-collapse设置表格的边框是否被合并为一个单一的边框,一共有三个属性值:

然后我把 border-collapse的值改为了collapse,也就是合并边框,结果还是不起作用

后面调整了每一列的距离,发现间隙居然神奇地消失了

修改前的间距设置:

修改后的间距设置:

但是,在显示设备工具栏的状态下还是能看到间隙,只要关闭设备工具栏就没有了

猜你喜欢

转载自blog.csdn.net/m0_65835778/article/details/129169332
今日推荐