自定义表格最后一行内容？-灵析社区

如果所示，想实现最后一列实现商品总计展示,写了一个计算属性想通过show-summary、@summary-method方法来实现展示,还想实现合计后面的列合并成一列展示（想的是操作样式来隐藏右边框，但是没实现！！！）   贴上我的代码： 删除 import { ref, computed } from "vue"; interface Fruit { fruit: string; price: number; ischeck: boolean; id: number; num: number; } const tableData = ref([ { fruit: "苹果", price: 10, ischeck: true, id: 1, num: 1, }, { fruit: "猕猴桃", price: 10, ischeck: true, id: 1, num: 1, }, { fruit: "李子", price: 10, ischeck: true, id: 1, num: 1, }, { fruit: "榴莲", price: 10, ischeck: true, id: 1, num: 1, }, ]); interface Product { id: string name: string amount1: string amount2: string amount3: number } const getSummaries = (param: any):any => { const { columns, data } = param console.log(columns); let sums = ['合计', 380,getAllTotal] return sums } const getAllTotal = computed(() => { return tableData.value.reduce((cur, item) => { return cur + item.num * item.price; }, 0); }); .el-table__footer-wrapper{ tr:not-child(:first-child){ td{ border-right: none !important; } } } 最后想实现的效果图：