(Element UI 组件 Table)去除单元格底部的横线

Element UI 组件 Table 有一个属性 border,添加它可以增加纵向边框,但是无法控制横线边框,因此即使是最简单的 el-table,也会包含一个底部横线。

这个底部横线其实是一个 border-bottom,不过对于表头使用了 th 元素,对于表数据使用了 td 元素,因此修改的时候需要兼顾两种元素。

如果你只是修改表数据的样式,而不修改表头,那只需修改 td 元素。

修改方式:在 style 标签添加如下样式即可

table th,
table td {
    border-bottom: none !important;
}

猜你喜欢

转载自blog.csdn.net/qq_39291919/article/details/108949480