如何移除 Element UI 表格 el-table-column 的边框

要移除 el-table-column 的边框,可以使用以下 CSS 样式:

.el-table__header th.is-leaf,
.el-table__body td.is-leaf {
  border: none !important;
}

将该样式添加到你的 CSS 文件中即可。请注意,这将移除所有列的边框,而不仅仅是某个特定列的边框。

如果你只想移除特定列的边框,则可以使用下面的 CSS 样式:

.el-table__header th.is-leaf[data-column-key='COLUMN_KEY'],
.el-table__body td.is-leaf[data-column-key='COLUMN_KEY'] {
  border: none !important;
}

将 COLUMN_KEY 替换为你想要移除边框的列的键即可。

如何移除 Element UI 表格 el-table-column 的边框

原文地址: https://www.cveoy.top/t/topic/m2wY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录