column 中 :render-header="renderHeader"
根据label值的空格分隔实现 header标题换行
{
prop:"cj",
label:"姓名 傻吊666",
align:"center",
},
renderHeader(createElement,{ column, _self }){
const label = column.label ;
const labelArr = label.split(' ') ;
return createElement(
'span', //创建最外层的标签可随意
[
createElement('span',
{ // 创建第一个元素的标签可随意
attrs: { type: 'text' }
},
[ labelArr[0] ]
),
createElement('p',
{ // 给分割的某个元素单独加样式
attrs: { type: 'text', style: 'margin:0;font-size:12px;color:red'},
// 添加事件
on: {
click:()=>{}
}
},
[ labelArr[2] ]
),
]
)
},
renderHeader