在项目中使用el-table,是一个多级表头table,有一个需求需要新开一列添加一个类似于在表格中加Checkbox的一列,我在最外层el-table-column,并排加一列,发现table-body中都可以加上,表头无法添加上。
解决方案:
1、你可以使用原生js去获取到这个表头元素,没记错的话貌似是一个class为cell的div下,然后使用document.getElementsByClassName去操作添加。这样直接操作不推荐!
2、在仔细查询文档后发现elementui官网上是有提供属性的
header属性可以自定义表头内容
<el-table-column>
<template v-slot:header>
.......
</template>
<template slot-scope="scope">
......
</template>
</el-table-column>
在有header的template中写表头内容,并且可以正常添加事件,这样问题就解决了!