el-table 表格单元格换行为何如此坎坷？

el-table 表格单元格换行为何坎坷重重？

想要在 el-table 表格单元格中实现多行显示的效果，却遇到了难题？本文将针对该问题展开讨论。

根据代码片段，单元格内容似乎无法换行，而更改表格样式或添加行内样式也无济于事。事实上，el-table 默认情况下并未对单元格换行进行限制。

仔细查看代码，在

循环中嵌套了一个 标签。这种嵌套可能会因为 flex 布局或其他未知设置导致换行无法正常工作。

要解决这个问题，一种方法是将嵌套的

标签移动到循环外部：

<el-table-column property="particulars" label="详情" min-width="200">
  <template #default="{ row }: { row: overTimePlane }">
    <div>
      <div v-for="item in row.overPlans">
        ...
      </div>
    </div>
  </template>
</el-table-column>

通过这种调整，单元格内容将能够正常换行，因为它不再受 flex 布局等样式的限制。

以上就是el-table 表格单元格换行为何如此坎坷？的详细内容，更多请关注其它相关文章！