elementui table某列不换行
时间: 2023-10-31 19:05:08 浏览: 257
优雅的elementUI table单元格可编辑实现方法详解
要让Element UI的表格中的某一列不换行,你可以使用该列的formatter属性,并将其设置为一个函数。该函数可以接受该列的值和当前行的数据作为参数。在函数中,你可以使用CSS的white-space属性将该列的文本设置为不换行。例如:
```
<el-table-column prop="description" label="描述" :formatter="formatDescription"></el-table-column>
...
methods: {
formatDescription(row, column) {
return '<div style="white-space: nowrap">' + row.description + '</div>';
}
}
```
在这个例子中,我们使用了formatDescription方法来格式化“描述”列。在该方法中,我们返回一个包含了该列数据的div元素,并将该元素的CSS属性设置为“white-space: nowrap”。这将确保该列的文本不会换行。
阅读全文