ElementUI表格行column根据占位符换行方法
发布于2021-05-30 19:35 阅读(948) 评论(0) 点赞(24) 收藏(0)
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型.
后台java代码，加上\n换行符
StringBuffer stb= new StringBuffer();
stb.append("测试消息").append("\n");
TestModel t = new TestModel();
t.setMsg(stb.toString());
html还是照旧写：
<el-table
:data="handleInfo"
:header-cell-style="headClass"
height="350px"
border>
<el-table-column
label="序号"
width="60"
align="center">
<template slot-scope="scope">{{scope.$index+1}}</template>
</el-table-column>
<el-table-column
prop="stepName"
label="环节名称"
align="center"
width="150">
</el-table-column>
<el-table-column
prop="msg"
label="办理意见">
</el-table-column>
</el-table>
关键在css文件添加：
.el-table .cell {
white-space: pre-line;
}
原文链接:https://blog.csdn.net/u014427391/article/details/117063395
所属网站分类: 技术文章 > 博客
作者：Nxnndn
链接：http://www.phpheidong.com/blog/article/86943/66609d9ba0b0312f65a1/
来源：php黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力