目的:el-table 自带计算合计行,点击合计行触发点击事件,
效果:
如果你要是请求接口 你就像我这样 写到你返回数据的后面 就可以了 !!!
核心代码:
let that = this;
// 获取后端返回数据
that.tableHeader = res.data.data.head;
that.tableData = res.data.data.body;
//获取到合计行
let table = document.querySelector(".el-table__footer-wrapper>table");
that.$nextTick(() => {
// 选择第几个点击事件 如果全部 直接写 table.rows[0].cells.onclick
table.rows[0].cells[4].onclick = function () {
// 你要触发的方法
that.viewTable();
};
});
//指定某一个添加颜色
/deep/ .el-table__footer-wrapper tbody td:nth-child(5) {
color: #0000ff;
cursor: pointer;
}