解决el-table 循环对象集合的做法,动态多层表头 已解决 附有源码-前端-E先生的博客
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



本文来自E先生的博客,如若转载,请注明出处:https://www.javajz.cn

留言区

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

历史留言

欢迎加Easy的QQ