更改元素UI表行的高度

Question

我想减少Element UI表行的间距以适合屏幕上的更多行。

不幸的是，我在Element UI文档中看不到任何选项： https://element.eleme.io/#/en-US/component/table

直接为类el-table__row设置一个定义的高度不会导致高度发生任何变化。

Answer 1

您可以使用以下方法之一：

1）将size属性设置为“小”或“小”

<el-table :data="tableData" size="small">

2）使用cell-style属性从单元格中删除填充并设置固定高度

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

以下是可用选项的完整列表：https://element.eleme.io/#/en-US/component/table#table-attributes