el-table数据换行
时间: 2023-08-06 20:09:09 浏览: 172
固定 table宽度 table-layout: fixed
5星 · 资源好评率100%
如果您想在 el-table 组件中的单元格中显示多行文本,可以使用 CSS 样式中的 `white-space: pre-wrap` 属性来实现自动换行。
例如,您可以在表格的列定义中使用 `formatter` 函数并在其中使用以下样式来实现文本换行:
```js
<el-table-column prop="description" label="描述" :formatter="formatDescription"></el-table-column>
...
methods: {
formatDescription(row, column, cellValue, index) {
return '<div style="white-space:pre-wrap;">' + cellValue + '</div>'
}
}
```
这将在表格中显示一个带有自动换行的描述文本列。
阅读全文