element-ui表格嵌套

2020-05-14  本文已影响0人  魔仙堡杠把子灬

giao

前端QQ群: 981668406
在此附上我的QQ: 2489757828 有问题的话可以一同探讨
我的github: 李大玄
我的私人博客: 李大玄
我的简书: 李大玄
我的CSDN: 李大玄

<el-table class="table" stripe :data="tableData">
  <el-table-column width="50" align="center" type="expand">
    <template slot-scope="scope">


      <el-table :data="scope.row.detail" border>
        <el-table-column property="advertisement_name" label="广告形式" align="center"></el-table-column>
        <el-table-column property="content_name" label="内容类型" align="center"></el-table-column>
      </el-table>


    </template>
  </el-table-column>
  <el-table-column prop="account_name" label="账号" align="center">
    <template slot-scope="scope">
      <span>{{ scope.row.account_name }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="kol_id" label="账号ID" align="center"></el-table-column>
  <el-table-column label="操作" width="220px" align="center">
    <template slot-scope="scope">
      <span v-if="scope.row.status" class="operation" style="color: #c0c4cc;">已报价</span>
      <span v-else class="operation" @click="offerBtn(scope.row)">报价</span>
    </template>
  </el-table-column>
</el-table>
上一篇 下一篇

猜你喜欢

热点阅读