设置el-table第一列的样式
时间: 2023-07-27 12:33:16 浏览: 128
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
可以通过 `header-cell-style` 和 `cell-style` 属性来设置表格的表头和单元格样式。
例如,下面的代码可以将第一列的表头文字颜色设置为红色,并且将第一列单元格的背景色设置为灰色:
```html
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="姓名" width="180" :header-cell-style="{color: 'red'}" :cell-style="{background: '#ccc'}"></el-table-column>
<el-table-column prop="age" label="年龄" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
你可以根据需要在 `header-cell-style` 和 `cell-style` 中设置更多的样式属性。
阅读全文