如何使用element ui table组件,表头是循环出来的时间,第一列为纵向表头,数据渲染格式应该长啥样了?(语言-javascript)

使用element ui table组件,表头是循环出来的时间,第一列为纵向表头,数据渲染格式应该长啥样了

img


不知道渲染怎么拼数据格式了,麻烦有经验的小伙伴分享一下

这是官方的例子:按照这个进行组装就可以了,如果你会我可以帮助


<template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      }
    }
  </script>

还是一样数组吧,只是第一个为空

数组肯定是数组,只是数组里边应该长啥样,可以和日期对应渲染,比如说17号做了标题1的事情,18号也做了标题1,20号做了标题3,这种数据结构应该长啥样