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


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

解決方法:使用render-header

在column上綁定render-header屬性

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

在methods添加renderHeader方法(可以參考elementUI官網rtable詳解)

methods: {
    renderHeader(h) {
        return (
               <div>
                    <span>地址</span>
                    <span style="font-size:12px;">(具體到區縣)</span>
               </div>
            ) 
       }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM