elementUI中el-table表格自定義表頭

需求:最近項目開發中使用elementUI的表格組件,表格頭部設置label的時候只能是字符串,想在表格頭部添加自定義的html標籤。html

解決方法:使用render-headerspa

在column上綁定render-header屬性code

 <el-table-column :label="地址" :render-header="renderHeader"></el-table-column> htm

在methods添加renderHeader方法(能夠參考elementUI官網rtable詳解)blog

methods: {
    renderHeader(h) {
        return (
               <div>
                    <span>地址</span>
                    <span style="font-size:12px;">(具體到區縣)</span>
               </div>
            ) 
       }
}
相關文章
相關標籤/搜索