因为业务需要，所以需要将element-ui的table进行改造
TIM截图20190809092955.png
变成这种表头分多个属性的样子，刚拿到ui图的时候挺犯愁的，也想过通过之前接触到的span-method这个属性来拿到行和列，通过这个去动态的增加内容，但是后面在接着往下看的时候，看到了列的属性render-header
列标题 Label 区域渲染使用的 Function
类型以及返回值： Function(h, { column, $index })
h相当于vue的createElement函数，参数也是一样
// h(tagName, props, children)
// children是数组，里面内容既可以是文字，也可以一个新的h函数
h('div', {id: 'h-id'}, [
h('div', {}, ['1月']),
h('span', {}, ['卓越值']),
h('span', {}, ['标准值']),
h('span', {}, ['警戒值'])
])
column是当前表头的一些属性
column.png
可以配合this.$nextTick()获取到当前dom，这里的id其实就是class样式名，并不是id名
this.$nextTick(function() {
document.getElementsByClassName(column.id);
})
$index就是单纯的从0开始的数字，0代表第一列，可以通过这个来判断当前是第几个月
