Для предотвращения растягивания строк в таблице и сохранения фиксированной высоты блока, можно использовать свойство CSS `display: table` и `display: table-row` вместе с `height` и `overflow`. Вот несколько шагов, как это сделать:
1. Убедитесь, что ваш контейнер для таблицы имеет фиксированную высоту и свойство `overflow: hidden` или `overflow-y: auto`, чтобы скрыть избыточный контент.
2. Используйте `display: table` для самой таблицы и `display: table-row` для строк таблицы. Это позволит контролировать поведение таблицы.
3. Задайте фиксированную высоту для строк таблицы с помощью `height`. Если строк меньше, чем доступное пространство, то строки не будут растягиваться.
Вот пример CSS, который можно применить к вашей таблице:
```css
.container {
height: 600px; /* Фиксированная высота блока */
overflow-y: auto; /* Скролл при переполнении контента */
}
.table {
display: table;
height: 100%;
width: 100%;
}
.table-row {
display: table-row;
height: 50px; /* Фиксированная высота для строк */
}
.table-cell {
display: table-cell;
padding: 10px;
border: 1px solid #ccc; /* Пример границы */
}
```
И HTML, который может выглядеть примерно так:
```html
<div class="container">
<div class="table">
<div class="table-row">
<div class="table-cell">Строка 1</div>
<div class="table-cell">Строка 1.1</div>
</div>
<div class="table-row">
<div class="table-cell">Строка 2</div>
<div class="table-cell">Строка 2.1</div>
</div>
<!-- Добавьте столько строк, сколько нужно -->
</div>
</div>
```
Таким образом, строки будут иметь фиксированную высоту, и если количество строк окажется меньше, чем позволяет высота контейнера, то они не будут растягиваться, а контейнер будет управлять прокруткой.