el-table 表头颜色
时间: 2023-06-18 19:02:27 浏览: 60
你可以通过设置 el-table 组件的 header-style 属性来改变表头的样式,例如:
```html
<el-table :data="tableData" :header-style="{background: '#F7F7F7', color: '#333'}">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
```
在上面的例子中,我们通过设置 header-style 属性来改变表头的背景色和文字颜色。你可以根据自己的需要来修改样式。
相关问题
el-table表头颜色
您可以使用以下CSS样式来更改element-ui中el-table组件表头的颜色:
```css
.el-table .el-table__header th {
background-color: #f5f7fa; /* 设置表头背景色 */
color: #606266; /* 设置表头文字颜色 */
}
```
您可以根据需要修改背景颜色和文字颜色的值。
el-table表头颜色好看
el-table表头的颜色可以通过修改样式来实现。你可以使用以下代码来设置el-table表头的颜色:
.el-table th {
font-weight: 700;
color: #fab969;
font-size: 30px;
}
这段代码会将表头文字的字体加粗,并设置为橙色(#fab969),字体大小为30px。你可以根据自己的需要修改颜色和字体大小。