el-table多级表头再加一列无法添加表头的问题

在项目中使用el-table,是一个多级表头table,有一个需求需要新开一列添加一个类似于在表格中加Checkbox的一列,我在最外层el-table-column,并排加一列,发现table-body中都可以加上,表头无法添加上。

解决方案:

1、你可以使用原生js去获取到这个表头元素,没记错的话貌似是一个class为cell的div下,然后使用document.getElementsByClassName去操作添加。这样直接操作不推荐!

2、在仔细查询文档后发现elementui官网上是有提供属性的

el-table多级表头再加一列无法添加表头的问题_第1张图片
 

header属性可以自定义表头内容

 


    
    

在有header的template中写表头内容,并且可以正常添加事件,这样问题就解决了!

你可能感兴趣的:(vue,vue.js,html,css)