解决el-table 循环对象集合的做法,动态多层表头 已解决 附有源码-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

解决el-table 循环对象集合的做法,动态多层表头 已解决 附有源码

[导读]:<el-table-columnlabel="其他费项(元)"width="180"align="center"class="first-tHead"><divv-for=&quo...
 <el-table-column
    label="其他费项(元)"
    width="180"
    align="center"
    class="first-tHead">
      <div v-for="item in costitemList0">
        <el-table-column
          prop="item.expenseName"
          :label="item.expenseName"
          width="180"
          align="center"
          class="first-tHead" >
          <template slot-scope="scope">
              <div v-for="(single,one) in scope.row.expenses" v-if="single.expenseName == item.expenseName" >{{single.amountReceive}}</div>
          </template>
        </el-table-column>
      </div>
      <el-table-column  prop="expenseReceive" label="合计应收" width="180" align="center"></el-table-column>
      <el-table-column  prop="expensePayed" label="合计实收" width="180" align="center"></el-table-column>
  </el-table-column>

image.png

image.png


本文来自阿习进阶博客,如若转载,请注明出处:http://yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ