Изменить высоту строк таблицы пользовательского интерфейса элемента

Question

Я хочу уменьшить расстояние между строками таблицы пользовательского интерфейса элемента, чтобы разместить больше строк на экране.

К сожалению, я не вижу никакой опции в документах по пользовательскому интерфейсу Element: https://element.eleme.io/#/en-US/component/table

Установка непосредственно определенной высоты для класса el-table__row не привела к изменению высоты.

Answer 1

Вы можете использовать один из следующих методов:

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