ant-design-vue表格如何保留表体数据前后空格，在使用 el-table 展示数据时，单元格中的数据有可能存在空格和换行符，若不进行设置，浏览器默认会取消空格和换行符，如下所示：
解决方法：
将单元格的样式 “white-space” 属性设置为“pre-wrap” 即可解决。在VUE页面中添加如下样式设置
1 <template>
2
3 </template>
4
5 <style>
6 el-table cellel-tooltip {
7 white-space: pre-wrap;
8 }
9 </style>
10
11 <script>
12
13 </script>
设置后，刷新页面。表格展示效果如下图所示：
补充：
从 IntelliJ IDEA 的提示中，我们可以看到 “white-space” 属性的值主要有如下几类：
elephant 英['elɪfənt]
美[ˈɛləfənt]
n 象，大象
名词复数:elephants
[例句]How do you eat an elephant
你怎样吃一头大象？
1、C（它的原始目的只是为了保暖,但是后面发现能够降低大象先生的声音）
2、A（这个主题很明确,一开始是说大象先生说话很大声,大象女士受不了他的声音,在寒冷的冬天买到耳罩发现却能够让自己听不见他的声音,然后大项先生很享受自己的声音其实答案很明确的,文章开头结尾都是重点讲到了大象先生很大声）
What is the elephant doing
翻译为：这只大象正在做什么？
疑问词是what“什么”，跟do搭配，表示“做什么事情”。
be+v-ing表示事情正在进行或是发生，是现在进行时态。
希望能帮到你，望采纳谢谢！
欢迎分享，转载请注明来源：品搜搜测评网
微信扫一扫
支付宝扫一扫
