elementui table 内容换行

在Element UI的Table组件中，如果需要内容换行显示，你可以通过设置单元格（cell）的`<template>`标签，并利用Vue的模板字符串插值和HTML的`<br>`标签来实现。例如：

<el-table-column label="姓名">
  <template slot-scope="scope">
    {{ scope.row.name }}
    <br> <!-- 这里添加换行 -->
    地址：{{ scope.row.address }}
  </template>
</el-table-column>

在这个例子中，当你数据显示到“姓名”列时，不仅会显示`name`属性的值，还会在其下方自动换行并显示`address`属性的值。

如果你想控制换行样式，比如添加CSS样式，可以将`<br>`替换为自定义的元素并给它添加对应的class：

<el-table-column label="姓名">
  <template slot-scope="scope">
    <div class="break-line">{{ scope.row.name }}</div>
    <div class="break-line">{{ scope.row.address }}</div>
  </template>
</el-table-column>

<style>
.break-line {
  white-space: pre-wrap; /* 或者 break-word */
}
</style>

这将会保证文本会在单词之间自动换行而不是硬生生地断开。