代码人»首页 技术广场 Vue 查看内容

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

280

主题

2

回帖

1065

积分

管理员

积分
1065
html:
<el-table
                :data="formAddList" show-summary :summary-method="getSummaries"
                border
                style="width: 100%"
                >
                <el-table-column
                  prop="commodityName"
                  label="商品名称"
                  width="">
                </el-table-column>
                <el-table-column
                  prop="commodityMoney"
                  label="商品价格"
                  width="">
                </el-table-column>
<el-table-column
                  prop="commodityModel"
                  label="规格型号"
                  width="">
                </el-table-column>
                <el-table-column
          prop="company"
                  label="单位"
                  width="">
                </el-table-column>
<el-table-column
                  prop="quantity"
                  label="数量"
                  width="">
                </el-table-column>
<el-table-column
                  prop="unitPrice"
                  label="单价(元)"
                  width="">
                </el-table-column>
<el-table-column
                  fixed="right"
                  label="操作"
                  width="100">
                  <template slot-scope="scope">
<el-button @click="edit(scope)" type="text" size="small">修改</el-button>
                    <el-button type="text" size="small" @click="deleteCon(scope.row)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>

js:

微信扫一扫,分享更方便

付费看帖
剩余 28% 内容需要支付 1.00 元 后可完整阅读
支持付费阅读,激励作者创作更好的作品。会员可8折购买!

举报 回复