el-table表格保留空格和换行符

el-table表格保留空格和换行符

场景：使用vue+element ui进行前后端分离开发

问题：前端页面如果需要在el-table单元格中展示空格和换行符（默认取消），应如何操作？

解决方案：可以修改单元格的样式 “white-space” 属性设置为“pre-wrap”，另外回顾下：

 

参考：

VUE-003-前端表格数据展示时，设置单元格（el-table-column）保留空格和换行 - osc_ve6rw2pf的个人空间 - OSCHINA - 中文开源技术交流社区

element-ui 中设置表格单元格 (el -table-column) 保留空格和换 - 码农岛 (manongdao.com)