el-table-column label换行
时间: 2024-01-14 16:21:11 浏览: 232
el-table-column的label换行可以通过在label中插入换行标志来实现。具体的方法是使用"||"作为换行标志,然后在渲染表头时,通过split("||")将label切割成一个数组,再将数组中的每个值用div包裹起来进行渲染。
以下是一个示例代码:
```javascript
// 表头样式
function renderHeader(h, { column, $index }) {
let columnArr = column.label.split("||"); // 此处换行标志
if (columnArr.length >= 2) {
let divArr = [];
columnArr.map((item) => {
divArr.push(h("div", { style: "text-align: center " }, item));
});
return h("div", {}, divArr);
}
return h("div", {}, column.label);
}
```
这段代码会将label中的换行标志"||"作为分隔符,将label切割成一个数组columnArr。如果切割后的数组长度大于等于2,则会将数组中的每个值用div包裹起来进行渲染,实现label的换行效果。如果切割后的数组长度小于2,则直接渲染label值。
阅读全文
相关推荐








