问题:如题,table表头的某个单元可能涉及到换行,多个动态的子元素,动态标题等,例如换行:想要表头某单元格是这样的
解决:element UI的 render-header可以轻松实现,代码如下:
<template>
<el-table-column
prop="recommenders"
align="center"
:render-header="renderHeader"
width="520px"
>
</el-table-column>
js代码:
renderHeader(h, para) {
return h('div', {
attrs: {
class: 'cell'
},
domProps: {
innerHTML: `<div>班干部</div>
<div style="font-size: 12px">(班长)</div>`
}
})
},
页面效果图: