el-table 行高

el-table的行高可以通过CSS样式或者在el-table标签上设置属性来实现。以下是两种方法的具体实现：

1. 通过CSS样式设置el-table的行高：

.el-table__row .el-table__cell {
  height:50px; /* 设置行高为50px */
}

2. 在el-table标签上设置属性来设置行高：

<el-table :data="tableData" :row-height="50">
  <!-- 其他表格内容 -->
</el-table>

其中`:row-height`属性的值为行高的像素值。

相关问题

修改el-table行高

### 调整Element UI `el-table` 行高

为了调整 Element UI 中 `el-table` 组件的行高，可以通过设置特定样式属性来实现。具体来说，通过绑定 `:row-style` 和 `:cell-style` 属性能够有效控制表格行以及单元格内的样式。

对于行高的调整，可以如下所示配置：

<el-table :data="tableData" :row-style="{ height: '20px' }" :cell-style="{ padding: '0px' }">
</el-table>

这里设置了每一行的高度为 20 像素，并且去除了单元格内部默认的填充空间以确保行高能被正确应用[^1]。值得注意的是，在某些情况下即使只修改 `height` 可能达到预期效果；但在实践中发现当需要更精确地控制布局时，同时指定 `padding` 是必要的[^3]。

此外，如果希望进一步自定义字体大小或其他样式细节，则可以在 `<el-table>` 标签上直接添加额外的 CSS 类或内联样式来进行全局设定，比如设置整个表格的文字尺寸：

<el-table :data="tableData" style="font-size: 10px;">
</el-table>

这样不仅改变了文字大小，也间接影响到了整体视觉上的行间距感。

el-table行高

el-table 的行高可以通过设置样式来实现。具体方法如下：

.el-table .el-table__row {
  height: 50px; /* 设置行高为 50px */
}

你可以将上述样式添加到你的样式文件中，或者直接在 el-table 组件上添加 `style` 属性来设置行高。