element-ui 设置table 表头多列显示

效果图

 

 html部分

<el-table-column prop='userId' :render-header="General" label="奖品数量|(区别于奖品总数量)" show-overflow-tooltip align="center"></el-table-column> //用到 render-header

js部分

General(h,{column}){
        return h('span', {}, [
            h('span', {}, column.label.split('|')[0]), //设置一个|用于切割，以这个点换行
            h('br'),
            h('span', {style: "color:#C1C1C1;"}, column.label.split('|')[1])
        ])
      },