element UI 官方文档有一个:render-header 的方法 渲染自定义结构用的是 vue 的h函数 也就是render 函数写法
//html
align="center"
:render-header="renderHeader"
>
{{scope.row.balance | changeNumber}}元
renderHeader(h,{column,$index}){
//$index 表格竖行的索引值
return h(
‘div‘,
{class:‘‘,
style:"padding-top:4px;"
},
[
h(‘el-tooltip‘,
{
props:{
content:"哈哈哈哈",
placement:"top",
effect:"light",
},
},
[
h(‘span‘,{
},[
h(‘span‘,"标题"),
h(‘i‘, {
class:‘cursorPointer fa fa-question-circle colorFE7F76‘,
style:‘margin-left:6px;‘,
}),
]),
],
),
],
);
},
h函数具体参数 位置含义 可以自行搜索,我用的是简写