在标题要换行的列中添加 :render-header=“renderheader” ,要换行的文字后 加符号“-”(与方法中定义的符号一致)
<el-table-column prop="" :render-header="renderheader" label="最高地价-(万元/亩)" width="90" align="right"></el-table-column>
renderheader方法:
renderheader(h, { column, $index }) {
return h('span', {}, [
h('span', {}, column.label.split('-')[0]),
h('br'),
h('span', {}, column.label.split('-')[1])
])
},

本文介绍了一种在Element UI的表格组件中实现列标题换行的方法,通过使用自定义渲染函数renderheader,可以在长标题中加入换行符,使表格在显示长列标题时更加美观和易读。
7万+

被折叠的 条评论
为什么被折叠?



