欢迎来到Introzo百科
Introzo百科
当前位置:网站首页 > 技术 > el-table 表格标题换行

el-table 表格标题换行

日期:2023-09-29 05:37

-->

在一些管理后台项目中,表格是最常见的。有时当数据字段较多时,经常使用滚动条。然而,从用户体验的角度来看,必须显示更多的信息,因此可能需要一个cell来容纳更多的信息。字段,那么 header 需要被包装。

具体实现如下:

// 注意slot-scope使用两种写法,一种是普通值,一种是解构









主要通过 el-table-column 预留的内置方法 render-header

方法:{
renderheader(h, { column, $index }) {
返回 h('span', {}, [
h('span', {}, column.label.split('/')[]),
h('br'),
h('span', {}, column.label.split('/')[])
])
},
}

最终效果图如下

-->