Как сделать всю таблицу масштабироваться до размера Div его родителя? ⇐ Html

[Anonymous]

мне нужен дифта, чтобы динамически вписаться на экран (HTML должен быть в состоянии открыть в обычном мониторе для ПК, телевизора, планшетов и мобильных устройств), я делаю контейнер 50vh. < /p>
Проблема в том, что у меня есть таблица с приличными рядами (около 40-50). Мне нужно, чтобы они были полностью отображены, независимо от размера шрифта или рядов (это не имеет значения, если он такой маленький), внутри таблицы без какого-либо прокрутки или пейджин (моей компании нужно сократить время производства цикла).
Я не нашел способ сделать это, или его обрезание вертикально, что-то скрыто: hiden , или Scroll. Любая помощь была бы неплохо!

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

const container = document.querySelector('.container');
const tbody = document.querySelector('#myTable tbody');

const ROW_COUNT = 40;
for (let i = 1; i  {
row.style.height = rowHeight + 'px';
});
}

updateRowHeights();
window.addEventListener('resize', updateRowHeights);< /code>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.container {
height: 50vh;
width: 90vw;
margin: 2rem auto;
border: 2px solid #666;
overflow: hidden;
}

table {
width: 100%;
border-collapse: collapse;
}

td {
border: 1px solid #999;
text-align: center;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/795 ... arents-div