element table 组件内容换行
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
试了下直接在代码里使用\n 是不能生效的
.el-table .cell {
text-align: center;
white-space: pre-line;/*保留换行符*/
}
在代码里面使用\n 就可以生效了
initName(row, column, cellValue, index){
if (row.crmValid == 1) {
return row.customerName + '\n' + "有效"
}else{
return row.customerName + '\n' + "无效"
}
},
white-space的值:
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的<pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br>标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
表头换行同样使用:
:label="'积分余额\n(集团小程序)'"
label前记得加:冒号
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)