自学内容网 自学内容网

Vue+Element-ui 中 使用el-table 设置表格单元格 (el -table-column) 保留空格和换行

遇到的问题

在使用 el-table 展示数据时,单元格中的数据中存在多个空格和换行符,若不进行设置,浏览器默认会取消空格和换行符。

解决办法

将单元格的样式 “white-space” 属性设置为“pre-wrap” 即可解决

::v-deep .el-table .cell {
  white-space:pre-wrap;
}

Tips

white-space属性指定元素内的空白怎样处理。

在这里插入图片描述


原文地址:https://blog.csdn.net/Maxueyingying/article/details/145129927

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!