element-ui简单方法实现自定义表头(render-header)

由于项目需要,使用element-ui来渲染的表头已经不能够满足需要,想过使用:show-header=“false” 将表头隐藏来实现自定义,但是需要用到它的排序,就用不了,最后发现element-ui已经有对应的API提供给我们,那就是 render-header。

具体使用方法:在对应的 添加render-header属性:
示例:


具体的renderHeader方法:

renderHeader(h,{column,$index}){
  return h('div',{
    attrs:{
      class:'cell',
    },
    domProps:{
      innerHTML:'*'+column.label
    }
  })
},

实现效果:
在这里插入图片描述
这样就实现了,自定义表头模板了。

以下是小弟创业项目:昆明网站建设

你可能感兴趣的:(elementui)