el-table 合并表头并大量动态赋值

效果图

因为24 小时是固定的,然后接口的数据也是按照08点-07点顺序严格固定的
所以表头是我写死的,数据由接口拿

表头如下

 timeList: [
        { value: 0, label: "08:00" },
        { value: 1, label: "09:00" },
        { value: 2, label: "10:00" },
        { value: 3, label: "11:00" },
        { value: 4, label: "12:00" },
        { value: 5, label: "13:00" },
        { value: 6, label: "14:00" },
        { value: 7, label: "15:00" },
        { value: 8, label: "16:00" },
        { value: 9, label: "17:00" },
        { value: 10, label: "18:00" },
        { value: 11, label: "19:00" },
        { value: 12, label: "20:00" },
        { value: 13, label: "21:00" },
        { value: 14, label: "22:00" },
        { value: 15, label: "23:00" },
        { value: 16, label: "00:00" },
        { value: 17, label: "01:00" },
        { value: 18, label: "02:00" },
        { value: 19, label: "03:00" },
        { value: 20, label: "04:00" },
        { value: 21, label: "05:00" },
        { value: 22, label: "06:00" },
        { value: 23, label: "07:00" }
      ],

接口数据

 <el-table-column :label="tableTitle">
          <el-table-column
            width="120"
            v-for="item in timeList"
            :key="item.value"
            :label="item.label"
            prop="values"
          >
            <template slot-scope="scope">
              {{ scope.row.values[item.value].value }}  // 根据索引去匹配
            </template>
          </el-table-column>
        </el-table-column>