element-el-table 多级表头

最新推荐文章于 2023-10-19 13:45:00 发布

小佩呀~

最新推荐文章于 2023-10-19 13:45:00 发布

阅读量672

点赞数

文章标签： elementui 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_42769032/article/details/129057275

版权

<el-table border :data="dataList">
        <el-table-column type="index" align="center" :index="indexMethod" label="序号" width="150"> </el-table-column>
        <el-table-column prop="date" label="日期" show-overflow-tooltip width="110"> </el-table-column>
        <el-table-column v-for="(item, index) in dataList" :key="index" :label="item.label">
          <el-table-column prop="name" label="总量1" width="120"> </el-table-column>
          <el-table-column prop="province" label="总量2" width="120"> </el-table-column>
          <el-table-column prop="address" label="总量3" width="120"> </el-table-column>
        </el-table-column>
      </el-table>

dataList = [
    {
      date: '2016-05-03',
      name: '王小虎',
      province: '上海',
      city: '普陀区',
      label: '总计',
      address: '上海市普陀区金沙江路 1518 弄',
      zip: 200333
    },
    {
      date: '2016-05-03',
      name: '王小虎',
      province: '上海',
      city: '普陀区',
      label: '2023年4月',
      address: '上海市普陀区金沙江路 1518 弄',
      zip: 200333
    },
    {
      date: '2016-05-03',
      name: '王小虎',
      province: '上海',
      city: '普陀区',
      label: '2023年5月',
      address: '上海市普陀区金沙江路 1518 弄',
      zip: 200333
    }
  ];