element ui 表格合计项合并
如图所示：
代码：
<el-table height="400px" :data="tableData " border
style="width: 100%"
stripe
show-summary
ref="table"
id="table">
</el-table>
监听表格
watch: {
//监听table这个对象
tableData: {
// 立即监听
immediate: true,
handler() {
this.$nextTick(() => {
const tds = document.querySelectorAll(
"#table .el-table__footer-wrapper tr>td"
);
// colSpan合并列
tds[0].colSpan = 2;
tds[0].style.textAlign = "center";
tds[1].style.display = "none";
});
},
},
},
我这里是合并的两项，官方的没有合并。