el-table 单元格如何实现换行？

el-table 单元格中实现换行

问题提出：

在 el-table 表格中，想要为某一列单元格添加多行内容，但尝试了许多方法都无法实现换行效果。

解决方案：

按照提供的代码，el-table 本身并不限制单元格换行。出现不能换行的情况，可能是由于自定义样式导致的。

可以通过以下方式进行排查和解决：

1. 检查单元格样式：

   • 使用浏览器的控制台检查单元格元素上的样式，查看是否存在影响换行的样式，例如 flex 布局。

2. 调整元素顺序：

   • 如果单元格中嵌套了多个 div 元素，可以尝试调整元素顺序。将包含换行内容的 div 元素置于外层，再将其他元素嵌套在其内部，例如：

     <div>
     <div v-for="item in row.overPlans" >
       ...
     </div>
     </div>