在合并了表头之后,再加上fixed会失效,原因是有两个el-table__header元素,需要将fixed前和后合并的都删掉
mounted() {
// 注意一定要保证DOM渲染完成后在进行合并操作,否则会找不到元素
this.$nextTick(function () {
this.setColSpan();
})
},
// 合并表头单元格
setColSpan: function () {
// fixed前的表头
var x = document.getElementsByClassName("el-table__header")[0].rows[0].cells;
x[0].colSpan = 2; // 将第0列表头单元格的colSpan设为2
// x[1].style.display = "none"; // 将第1列表头单元格的display设为none
x[1].parentElement.removeChild(x[1]) // 直接删除当前元素,否则导出表格的时候还在
// fixed后的表头
var x1 = document.getElementsByClassName("el-table__header")[1].rows[0].cells;
x1[0].colSpan = 2;
// x1[1].style.display = "none";
x1[1].parentElement.removeChild(x1[1]) // 直接删除当前元素,否则导出表格的时候还在
},