本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长

+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2024-11(1)

ElementUI表格行column根据占位符换行方法

发布于2021-05-30 19:35     阅读(850)     评论(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黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

24 0
收藏该文
已收藏

评论内容:(最多支持255个字符)