当前位置: 首页 > article >正文

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属性指定元素内的空白怎样处理。

在这里插入图片描述


http://www.kler.cn/a/512243.html

相关文章:

  • 数据结构漫游记:队列的动态模拟实现(C语言)
  • 【Leetcode 每日一题 - 扩展】421. 数组中两个数的最大异或值
  • 基于Python的多元医疗知识图谱构建与应用研究(上)
  • Mousetrap:打造高效键盘快捷键体验的JavaScript库
  • 1166 Summit (25)
  • 21.1、网络设备安全概述
  • ASP .NET Core 学习(.NET9)配置接口访问路由
  • 从CentOS到龙蜥:企业级Linux迁移实践记录(容器与应用)
  • 25届合肥工业大学自动化考研复试攻略
  • 大型语言模型(LLM)在算法设计中的系统性综述
  • MySQL 数据库的备份和恢复(Linux)
  • Spring Boot安全加固:基于Spring Security的权限管理
  • vue2 - Day05 - VueX
  • WOA-CNN-GRU-Attention、CNN-GRU-Attention、WOA-CNN-GRU、CNN-GRU四模型对比多变量时序预测
  • qml OpacityMask详解
  • 简单prometheus+grafana+pushgateway采集GPU利用率和交换机流量
  • uniapp(小程序、app、微信公众号、H5)预览下载文件(pdf)
  • ORACLE 12C开启EM EXPRESS过程
  • 架构优化指南:五大场景下如何发现隐藏的耦合?
  • 自动化爬虫运行过程中,有没有办法提高爬虫的抓取效率?
  • 介绍 HTTP 请求如何实现跨域
  • Oracle之RMAN备份异机恢复(单机到单机)
  • doris 2.1 Queries Acceleration-Hints 学习笔记
  • 头歌实训作业 算法设计与分析-贪心算法(第1关:部分背包问题)
  • 群晖Cloud Sync如何实现一键同步备份让数据更安全高效
  • 使用HTML5 Canvas 实现呼吸粒子球动画效果的原理