需求:最近項目開發中使用elementUI的表格組件,表格頭部設置label的時候只能是字元串,想在表格頭部添加自定義的html標簽。 解決方法:使用render-header 在column上綁定render-header屬性 <el-table-column :label="地址" :rende ...
需求:最近項目開發中使用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> ) } }