renderHeader(h,{column},msg) {
return h('div',[
h('span', column.label),
h('el-tooltip',{undefined,
props:{undefined,
effect:'dark',
content:msg,
placement:'top',
},
},
[h('i', {undefined,
class: 'el-icon-question',
style: "color:#409eff;margin-left:5px;cursor:pointer;"
})],
{content:""}
)
]);
},
<el-table-column
prop="undertakeUnit"
label="部门"
min-width="120"
:show-overflow-tooltip="true"
:render-header="(h, { column }) => renderHeader(h, { column },'承担部门/公司')"
>
</el-table-column>
原理:使用render-header 渲染钩子函数实现自定义