elementui cell高度自适应

对于 ElementUI 的表格组件，如果你想要实现单元格高度的自适应，可以尝试以下方法：

1. 使用 slot-scope 自定义单元格内容：
在表格组件中，可以使用 slot-scope 来自定义单元格内容。你可以在 slot-scope 中访问到每个单元格的数据，然后根据数据的长度或内容来动态设置单元格的高度。例如：

   <el-table :data="tableData">
     <el-table-column prop="name" label="姓名">
       <template slot-scope="scope">
         <div :style="{ height: scope.row.name.length > 10 ? 'auto' : '30px' }">
           {{ scope.row.name }}
         </div>
       </template>
     </el-table-column>
     <!-- 其他列 -->
   </el-table>

在上述示例中，我们通过判断 `scope.row.name` 的长度来决定是否设置 `div` 的高度为 `auto`，如果长度超过 10 就设置为 `auto`，否则设置为固定的 `30px`。

2. 使用 CSS 样式控制单元格高度：
你也可以使用 CSS 来控制单元格的高度。使用 `el-table-column` 的 `className` 属性来添加自定义样式类，然后在这个样式类中设置单元格的高度。例如：

   <style>
   .custom-cell {
     height: 30px;
   }
   </style>

   <el-table :data="tableData">
     <el-table-column prop="name" label="姓名" :class-name="'custom-cell'"></el-table-column>
     <!-- 其他列 -->
   </el-table>

在上述示例中，我们在 `el-table-column` 中使用 `:class-name` 属性来绑定样式类 `custom-cell`，然后在样式中设置了单元格的高度为 `30px`。

以上是两种常用的方法来实现 ElementUI 表格单元格高度的自适应。你可以根据实际需求选择合适的方法进行使用。