el-table 表头label指定位置换行

1、html

通过绑定 render-header 方法，对label进行切割，其中，label里面的’||'，是换行位置的标志，此处可自选，在对应的renderHeader的方法里面修改一致即可；

<el-table-column
  :render-header="renderHeader"
   label="补充协议||签订时间"
   prop="argumentDate" 
 />

2、js

通过换行标志对label进行切割,将所得的数组中的每一个值都用idv包裹起来，再返回渲染，可同时设置style；若分割后长度不大于2，直接渲染label值即可。

//表头样式，
function   renderHeader(h, {
     
      column, $index }) {
    
    
	let columnArr = column.label.split("||");//此处换行标志
	if (columnArr.length >= 2) {
    
    
		let divArr = [];
		columnArr.map((item) => {
    
    
			divArr.push(h("div", {
    
     style: "text-align: center " }, item));
		});
		return h("div", {
    
    }, divArr);
	}
	return h("div", {
    
    }, column.label);
},