Как сделать так, чтобы строки и занимали пропорциональную высоту в таблице ⇐ CSS

[Anonymous]

Код: Выделить всё

export const SimpleTable = () => {
const employees = [
{ name: "John Doe", position: "Manager", employed: "23/04/18" },
{ name: "Alex Nar", position: "Producer", employed: "23/04/18" },
{ name: "Jane Smith", position: "Designer", employed: "12/11/20" }
]

return (




Name
Position
Employed



{employees.map((employee, index) => (

{employee.name}
{employee.position}
{employee.employed}

))}



)
}

Почему установка h-[10%] для элементов внутри и при использовании Tailwind CSS не удается заставить строки занимать 10 % от общей высоты таблицы. Как правильно гарантировать, что каждая строка последовательно заполняет 10 % высоты таблицы без растягивания?

Подробнее здесь: https://stackoverflow.com/questions/792 ... in-a-table