element ui table render-header 自定义表头信息使用

render 方法的实质就是生成 template 模板；

通过调用一个方法来生成，而这个方法是通过 render 方法的参数传递给它的；

这个方法有三个参数，分别提供标签名，标签相关属性，标签内部的 html 内容

下面通过一个 element ui 自定义表格表头内容的功能来展示 render 函数使用。

页面代码部分：

{{scope.row.timeSlice}}

js 部分：使用 render 函数

//自定义列标题内容

renderHeader(h, { column, $index },index){

return h('span', {}, [

h('span', {}, '时间片段'),

h('el-popover', { props: { placement: 'top-start', width: '200', trigger: 'hover', content: '领先/落后品类=单店平均单量-该品类城市店均单量' }}, [

h('i', { slot: 'reference', class:'el-icon-question'}, '')

])

])

},

实现效果：

Cornerstone