怎么给header-cell-class-name传参
时间: 2024-01-16 18:02:18 浏览: 70
Element Table的row-class-name无效与动态高亮显示选中行背景色
5星 · 资源好评率100%
您可以为“header-cell-class-name”属性传递一个函数,该函数将返回用于具有该属性的特定单元格的类名。例如:
```javascript
<el-table-column prop="name" label="Name" :header-cell-class-name="getHeaderCellClassName"></el-table-column>
methods: {
getHeaderCellClassName({ column, columnIndex }) {
if (columnIndex === 0) {
return 'custom-class';
} else {
return '';
}
}
}
```
在这个例子中,“getHeaderCellClassName”方法是一个接受对象参数的函数。该对象参数具有“column”和“columnIndex”属性,这些属性用于确定传递给该函数的特定表头单元格。根据需要,该函数返回该单元格的相应类名,或者如果没有类名,则返回一个空字符串。
阅读全文