El-table 全部 表头样式
时间: 2023-08-07 14:03:41 浏览: 141
vue3 el-table多级表头收缩扩展的实现(JS原味版)
要修改整个 el-table 的表头样式,可以使用以下 CSS 代码:
```css
.el-table__header {
background-color: #f5f5f5; /* 设置表头背景色 */
color: #333; /* 设置表头文字颜色 */
font-size: 14px; /* 设置表头字体大小 */
/* 其他样式属性 */
}
```
如果要修改表头中某个列的样式,可以使用以下 CSS 代码:
```css
.el-table__header th:nth-child(2) {
background-color: #ddd; /* 设置第二列的背景色 */
color: #fff; /* 设置第二列的文字颜色 */
/* 其他样式属性 */
}
```
其中,`:nth-child(2)` 表示选择第二个 th 元素,也就是第二列的表头。你可以根据需要修改选择器中的数字来选择其他列。
阅读全文