在使用 el-table 展示数据时,单元格中的数据有可能存在空格和换行符,若不进行设置,浏览器默认会取消空格和换行符,如下所示: 解决方法: 将单元格的样式 “white-space” 属性设置为“pre-wrap” 即可解决。在VUE页面中添加如下样式设置 1<template>2...3</template>45<style>6.el-table .cell.el-tooltip {...
<style> .el-table .cell { white-space: nowrap; /* 禁止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 使用省略号表示溢出内容 */ } </style> <el-table-column label="描述" prop="status" width="200"> <template slot-scope="scope"...