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合计自定义
猜你喜欢
- css实现3d立体魔方的示例代码 2023-12-15
- 学习JavaScript图片预加载模块 2024-02-25
- JSP和Struts解决用户退出问题 2024-01-16
- TRON波场DAPP对接(tronWeb+vue) 2023-10-08
- vue获取今天、本周、本月、全年的区间时间 2024-12-07
- js点击更换背景颜色或图片的实例代码 2023-11-30
- Echarts教程之通过Ajax实现动态加载折线图的方法 2023-02-15
- 实现Vue路由切换的监听 2023-10-08
- javascript实现手机震动API代码 2023-12-24
- css3溢出隐藏的方法 2022-11-20