el-table-column设置样式
时间: 2023-10-18 20:07:22 浏览: 78
el-table,el-form在vue中封装组件化,含操作按钮和插槽.pdf
5星 · 资源好评率100%
可以使用 scoped slot 来设置 el-table-column 的样式。具体操作如下:
1. 在 el-table-column 上添加 scopedSlots 属性,并定义一个名为 "header" 的 slot:
```
<el-table-column label="表头" :scopedSlots="{header: 'customHeader'}"></el-table-column>
```
2. 在 Vue 实例中定义名为 "customHeader" 的 slot,并在其中设置样式:
```
<template v-slot:customHeader="{ column }">
<div style="color: red">{{ column.label }}</div>
</template>
```
这样可以针对不同的 el-table-column 设置不同的样式。
阅读全文