Element ui 修改table表格行高

在Element UI中，要修改表格行高，可以通过CSS覆盖默认的样式来实现。以下是一个简单的示例，展示如何通过自定义类来修改行高：

1. 首先，定义一个CSS类来覆盖默认的表格行高样式。

.custom-row {
  height: 60px; /* 你想要的行高 */
}

2. 然后，在使用Element UI的<el-table>组件时，将这个类添加到<el-table-row>元素上。

<template>
  <el-table
    :data="tableData"
    row-class-name="custom-row"
  >
    <!-- 你的表格列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 你的数据数组
      ]
    };
  }
};
</script>
 
<style>
.custom-row {
  height: 60px; /* 修改为你想要的行高 */
}
</style>

在这个例子中，row-class-name属性允许你指定一个自定义类名，它会被添加到每一个表格行上。然后你可以在CSS中定义.custom-row类来覆盖默认的行高。请注意，如果你需要为每一行单独设置不同的行高，你可能需要结合使用:row-style或者:row-class这样的绑定属性来动态地应用样式。