理解el-table合并单元格原理，实现简单的动态合并功能

最近有需求需要将第一列按需合并，看了一下element的文档也没明白怎么回事儿，一边试一边找规律发现了一些原理，纯属个人理解

需求：要把相同日期的单元格合并，默认数据按照时间排序好

效果：

还是老规矩直接上代码，所有的文字描述都用注释标注好了，也方便测试，有环境的话直接复制出来就可以看了

<template>
  <el-table :data="tableData"
            :span-method="objectSpanMethodAuto"
            border
            style="width: 100%">
    <el-table-column prop="date"
                     label="日期"
                     width="180">
    </el-table-column>
    <el-table-column prop="name"
                     label="姓名"