vue element-ui中table合计指定列求合

dmr

element-ui中table合计指定列求合


html：

1. <el-table
   
2.         border
   
3.         ref="multipleTable"
   
4.         :data="tableData"
   
5.         style="width: 100%"
   
6.         tooltip-effect="dark"
   
7.         show-summary
   
8.         @summary-method="getSummaries"
   
9.         @selection-change="handleSelectionChange">
   
10.         <el-table-column
    
11.           type="selection"
    
12.           width="65">
    
13.         </el-table-column>
    
14.         <el-table-column
    
15.           label="姓名"
    
16.           prop="name"
    
17.           width="120">
    
18.         </el-table-column>
    
19.         <el-table-column
    
20.           label="金额(元)"
    
21.           prop="money"
    
22.           show-overflow-tooltip>
    
23.         </el-table-column>
    
24.         <el-table-column
    
25.           label="利息(元)"
    
26.           prop="interest"
    
27.           show-overflow-tooltip>
    
28.         </el-table-column>
    
29.         <el-table-column
    
30.           label="日期"
    
31.           width="150">
    
32.           <template slot-scope="scope">{{ scope.row.date }}</template>
    
33.         </el-table-column>
    
34.       </el-table>

复制代码

js：

微信扫一扫，分享更方便

剩余 53% 内容需要支付 1.00 元 后可完整阅读

付费阅读 加入会员

支持付费阅读，激励作者创作更好的作品。会员可8折购买！