el-table-column怎样给第一列的第一列添加背景色
时间: 2023-08-13 15:09:11 浏览: 144
您可以使用 `headerStyle` 属性为表头单元格设置背景颜色。具体地,您可以在第一列第一个表头单元格的 `el-table-column` 组件上添加 `headerStyle` 属性,然后将其设为一个对象,对象中包含一个 `background-color` 属性,例如:
```html
<el-table>
<el-table-column label="姓名">
<template slot-scope="scope">
{{ scope.row.name }}
</template>
<template slot="header" slot-scope="scope">
{{ scope.column.label }}
</template>
<el-table-column label="性别">
<template slot-scope="scope">
{{ scope.row.gender }}
</template>
</el-table-column>
</el-table-column>
</el-table>
```
```javascript
{
headerStyle: {
'background-color': 'red'
}
}
```
在这个例子中,我们为第一个表头单元格添加了 `headerStyle` 属性,并将其设为一个对象,这个对象中包含一个 `background-color` 属性,值为 `red`。这样,第一列的第一个表头单元格就会有一个红色的背景色了。
阅读全文