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

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

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

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

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

修改前的间距设置:

修改后的间距设置:

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部