el-table属性 header-cell-style和header-cell-class-name,添加表头样式和类名解决
<el-table :data="data" :header-cell-style="tableHeaderCellStyle" :header-cell-class-name="headerRowStyle">
<template v-for="(item,index) in tableHead">
<template v-if="item.checked">
<el-table-column :prop="item.prop" :label="tem.label" :key="index"><template v-for="(child,ii) in item.children">
<template v-if="child.checked">
<el-table-column :prop="child.prop" :label="child.label" :key="ii">
</el-table-column>
</template>
</template></el-table-column>
</template>
</template>
</el-table>
坑点
- 可以看到通过这两种方式都能够获取到column,一个添加的是class一个是直接的样式
- 如果你试着想通过elements找到标签上的class去设置样式,你会发现样式设置上去了,但是你点击另一个的表格,再回来就会发现class已经变了
- 千万不要使用column的id去做判断,这个id是会改变的