1、show-summary:是否在表尾显示合计行,这个合计只显示当前页面的合计
2、summary-method:自定义的合计计算方法,可以调用合计接口
<el-table :data="tableData" :summary-method="getSummaries" show-summary ></el-table>
//最后一行第二列显示"--总计--",第七行显示指定总金额
getSummaries(param) {
const { columns, data } = param;
const sums = [];
columns.forEach((column, index) => {
if (index === 1) {
sums[index] = "--总计--";
return;
}
if (index === 7) {
sums[index] = this.listDataTotal;
return;
}
});
return sums;
},
以上是编程学习网小编为您介绍的“el-table合计自定义”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:el-table合计自定义
基础教程推荐
猜你喜欢
- 基于Ajax技术实现考试倒计时并自动提交试卷 2023-01-20
- javascript 特性检测并非浏览器检测 2023-12-27
- Jquery判断IE6等浏览器的代码 2023-12-27
- flask and html connection 2023-10-26
- js跳转页面方法总结 2023-12-01
- vue联动mockjs模拟请求获取数据 2023-10-08
- Reactjs 错误边界优雅处理方法demo 2024-02-08
- js设置cookie过期及清除浏览器对应名称的cookie 2024-01-12
- webpack 如何解析代码模块路径的实现 2023-12-26
- JavaScript中的Window窗口对象 2023-12-13
