el-table表头文字换行的三种方式
问题描述
表格中的表头一般都是不换行的，不过有时候在某些业务场景中，需要让表头的文字换行展示一下，我们先看一下效果图
效果图
文章图片
三种方式的代码
看注释就行啦。
演示的话，直接复制粘贴运行就行啦
工具箱
零件名称
{{ scope.row.toolName }}
/deep/ .el-table th.el-table__cell > .cell {
white-space: pre;
// white-space: pre-wrap;
// 也行。
}
关于white-space不赘述，详情查询官方文档: https://developer.mozilla.org...总结 三种方式各有特色，但是render-header会略为耗费一点点性能。
【el-table表头文字换行的三种方式】
若为固定表头数据，则优先推荐使用表头插槽方式，其次推荐换行符加css方式。若为动态数据，则只能使用表头renderheader函数了
若有更好的方式，欢迎交流
^_^
推荐阅读
- 急于表达——往往欲速则不达
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- mybatisplus如何在xml的连表查询中使用queryWrapper
- leetcode|leetcode 92. 反转链表 II
- 下雪了，飞去你的城市拥抱你|下雪了，飞去你的城市拥抱你 | 有个直男向我表白了
- 2019女表什么牌子好（如何挑选女士手表？）
- Python爬虫|Python爬虫 --- 1.4 正则表达式（re库）
- 佳琪（三十一）
- 霍兰德职业代码对照表
- 戏曲表演对幼儿的好处。