vxe-grid 表格头标题设置及内容合并列项

1、vxe-grid 表格的高级使用： 自定义表格表头标题动态添加，内容列有合并项；实现效果如下所示：

 2、vxe-grid 代码部分设置，实现合并有两种方式可以根据情况自由选定合并方式，代码如下；

 <!--   :span-method="mergeRowMethod"  -->
<vxe-grid
            border
            ref="xGrid" 
            class="moz-style taskTable"
            row-class-name="my-vxe-table-row"
            resizable 
            :scroll-x="{enable: true}"
            :scroll-y="{enable: true}"
            :scrollToLeftOnChange="false" 
            :max-height="600"
            :loading="table.loading"  
            :columns="table.columns" 
            :data="table.dataSource"  
            :edit-config="tabl