el-table表格线加深
时间: 2023-11-07 13:01:58 浏览: 135
vue+element-ui表格封装tag标签使用插槽
5星 · 资源好评率100%
要在 el-table 表格中加深表格线,你可以使用 CSS 来修改 el-table 的样式。可以通过以下步骤来实现:
1. 首先,在 el-table 标签中添加一个 class 属性,用于指定自定义的样式类名。例如:`<el-table class="custom-table">...</el-table>`
2. 然后,在你的样式文件(如 CSS 或 SCSS)中,添加以下样式规则:
```css
.custom-table .el-table__header-wrapper {
border-bottom-width: 2px; /* 设置表头底部边框宽度,可根据需要调整 */
}
.custom-table .el-table__body-wrapper {
border-top-width: 2px; /* 设置表格体顶部边框宽度,可根据需要调整 */
}
.custom-table .el-table__row {
border-bottom-width: 2px; /* 设置每一行的底部边框宽度,可根据需要调整 */
}
```
这样就可以通过设置不同元素的边框宽度来加深 el-table 的表格线了。
请注意,以上的 `custom-table` 只是一个示例的样式类名,你可以根据自己的需求自定义一个类名,并替换掉示例代码中的 `custom-table`。
阅读全文