elementui中table表中取消表格内部的横线

来源：星星旅游

在Element UI中，如果你想取消表格内部的横线，你可以通过以下方式操作：

1.取消表格单元格的底线：

你可以使用CSS选择器 .el-table__row > td 来选择所有的表格单元格，并设置其 border 为 none 来取消底线。

示例代码： css复制代码

.el-table__row > td { border: none; }

1.取消表格的边框线：

你可以使用CSS选择器 .el-table 来选择整个表格，并设置其 border 为 none 来取消边框线。

示例代码： css复制代码 .el-table { border: none; }

1.如果你只想取消表格的最底部横线，你可以使用CSS选择器 .el-table::before 并设置

其 height 为 0px。

示例代码： css复制代码

.el-table::before { height: 0px; }

请注意，你需要将上述CSS代码添加到你的样式表中，或者将其应用到你的Vue组件中。确保这些代码在Element UI的表格渲染之前加载，以便它们能够正确地应用。

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文