el-table中的label换行问题(重点white-space)

更新时间:2023-07-14 02:26:28 阅读: 评论:0

el-table中的label换⾏问题(重点white-space)依赖CSS的⽅法
单页面优化
1.label中增加 \n什么电视好看
<el-table-column prop="name" :label="'姓名\nname'" min-width="100"></el-table-column>
2.设置white-space样式
.el-table .cell {
  white-space: pre-line;
}
3.效果图
帮妹妹洗澡>临沂科技馆稍微复杂⼀点的⽅法
1.label中增加空格,绑定render-header⽅法
<el-table-column :render-header="renderHeader" prop="capacity" label="库容 (亿m³)" min-width="90" align="center" /> 2.renderHeader⽅法
renderHeader(h, {column}) {
let header = column.label.split(' ');
飞行员余旭
return [h('p', [
h('p', {}, header[0]),
h('span', {}, header[1])旧念
集发彩坛])];
}
爱国事件3.效果图:
第三种⽅法:

本文发布于:2023-07-14 02:26:28,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1080606.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:科技馆   绑定   爱国   问题   页面
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图