更改元素 UI table 行的高度
Change height of element UI table rows
我想减小元素 UI table 行的间距以适应屏幕上的更多行。
不幸的是，我在 Element UI 文档中看不到任何选项：
https://element.eleme.io/#/en-US/component/table
直接为 class el-table__row 设置定义的高度不会导致任何高度变化。
您可以使用以下方法之一：
1) 将 size 属性设置为 "small" 或 "mini"
<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
我想减小元素 UI table 行的间距以适应屏幕上的更多行。
不幸的是，我在 Element UI 文档中看不到任何选项： https://element.eleme.io/#/en-US/component/table
直接为 class el-table__row 设置定义的高度不会导致任何高度变化。
您可以使用以下方法之一：
1) 将 size 属性设置为 "small" 或 "mini"
<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