elementui table的表头如何替换颜色
时间: 2023-07-19 21:07:29 浏览: 136
element ui el-table 动态改变 单元格 的颜色.txt
你可以通过在表头中使用 `header-row-class-name` 属性来替换表头的颜色。这个属性可以指定一个 CSS 类名,用于对表头行进行样式设置。例如:
```html
<el-table :data="tableData" header-row-class-name="table-header">
<el-table-column prop="date" label="日期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
然后在 CSS 样式表中定义 `.table-header` 类的样式,如下所示:
```css
.table-header {
background-color: #f5f5f5;
color: #333;
}
```
这样就可以将表头的背景色替换为浅灰色,文字颜色替换为深灰色。
阅读全文