elementui table设置表头样式
时间: 2023-08-30 20:05:51 浏览: 108
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
5星 · 资源好评率100%
可以使用 `header-cell-style` 属性来设置表头单元格的样式,例如:
```
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" header-cell-style="{background: '#f5f7fa', color: '#909399'}"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
上面的例子中,设置了第一列表头单元格的背景色为 `#f5f7fa`,文字颜色为 `#909399`。你可以根据自己的需要进行调整。
阅读全文