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

devtools/2025/1/22 11:44:59/

遇到的问题

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

解决办法

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

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

Tips

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

在这里插入图片描述


http://www.ppmy.cn/devtools/152590.html

相关文章

mysql的测试方案

1. 测试目标与范围 1.1 性能测试目标 MySQL性能测试旨在评估数据库在不同负载条件下的响应速度、吞吐量和资源利用率,确保其能够满足业务需求。 响应时间:衡量查询和事务处理的延迟,目标是将平均响应时间控制在100毫秒以内,95%的…

基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day 1

基于 HTML5 Canvas 制作一个精美的 2048 小游戏 在这个快节奏的生活中,简单而富有挑战性的游戏总能给我们带来乐趣。2048 是一款受欢迎的益智游戏,不仅考验智力,还能让人回味无穷。今天,我带领大家将一起学习如何使用 HTML5 Canv…

OSI5GWIFI自组网协议层次对比

目录 5G网络5G与其他协议栈各层映射 5G网络 物理层 (PHY) 是 5G 基站协议架构的最底层,负责将数字数据转换为适合无线传输的信号,并将接收到的无线信号转换为数字数据。实现数据的编码、调制、多天线处理、资源映射等操作。涉及使用新的频段&#xff08…

【C++学习篇】滑动窗口--结合例题讲解思路

目录 1. 例题:最小覆盖子串 1.1 解题思路 2. 方法一代码实现:用kinds来记录t中有效元素的种类,count来记录s中的有效元素种类 3. 方法二:count来记录s中有效元素的个数 ok,这是最后一期关于滑动窗口的学习章节了…

Graylog采集MySQL慢日志实战

文章目录 前言一、MySQL慢日志0. 慢查询相关语句1. 检查MySQL是否开启慢日志及慢查询保存位置2. 检查慢查询阈值3. 未使用索引是否开启记录慢查询日志4. 查看mysql.slow_log表结构及字段含义5. 慢查询记录两种情况示例 二、graylog采集慢查询日志1. 采集思路2. 创建Sidecar配置…

【Day23 LeetCode】贪心算法题

一、贪心算法 贪心没有套路,只有碰运气(bushi),举反例看看是否可行,(运气好)刚好贪心策略的局部最优就是全局最优。 1、分发饼干 455 思路:按照孩子的胃口从小到大的顺序依次满足…

C# 以管理员方式启动程序全解析

引言 在 Windows 应用程序开发的领域中,C# 语言凭借其强大的功能和广泛的适用性,被众多开发者所青睐。然而,在实际的开发过程里,我们常常会遭遇这样的情况:程序需要访问特定的系统资源,像是系统文件夹、注…

springboot基于微信小程序的健康管理系统

Spring Boot 基于微信小程序的健康管理系统 在现代快节奏生活中,人们愈发关注自身健康,Spring Boot 基于微信小程序的健康管理系统应运而生,它将便捷的移动端体验与强大的后端技术相结合,为用户打造了个性化、全方位的健康管理助手…