Как реализовать прокрутку в таблице, если неизвестна ее высота?

Question

[Артём Щурин]

Всем, привет
Есть таблица, в случае если контента много появляется скролл внутри контейнера, но скролл всего блока включая заголовок и кнопки
Думаю над тем как на css сделать скролл только таблицы, оставив заголовок и кнопки на своих местах
Проблема в том что если указать overflow у div.table, нужно так же задать высоту, а я ее не знаю
Пример на jsFiddle:
https://jsfiddle.net/schurin/kgfwkd9b/

<div class="container">
		<div>
			<div>
				<h1 class="title">Table</h1>
				<div class="table">
					<table>
						<thead>
							<tr>
								<th>First column</th>
								<th>Second column</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</td>
								<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="button">
					<button class="edit-table">Edit table</button>
					<button class="edit-table">Edit table</button>
					<button class="edit-table">Edit table</button>
				</div>
			</div>
		</div>
	</div>

Answer 1

[Андрей]

flex

Comments

[Артём Щурин]

Хорошая идея
Правда придется у всех родительских контейнеров указать heigth: 100%

[Андрей]

Артём Щурин: Или явно задать высоту flex-контейнера.

[Артём Щурин]

Только если на js, не знаю высоту, мало ли какой экран

[Андрей]

Артём Щурин: vw, vh?

[Артём Щурин]

быть может, не знал о таком наткнулся на calc() вдобавовк, спасибо

Answer 2

[Лариса .•º]

foundation.zurb.com/sites/docs/table.html

Comments

[Артём Щурин]

К сожалению table-scroll, работает если задать высоту таблицы

Answer 3

[justdealman]

https://jsfiddle.net/kgfwkd9b/1/

Comments

[Сергей delphinpro]

Вы вопрос-то читали?
>> Проблема в том что если указать overflow у div.table, нужно так же задать высоту, а я ее не знаю
>> max-height:100px;

[Артём Щурин]

Именно, высота может быть любой, можно конечно на js посчитать, но нужно будет тогда постоянно следить, хочется только на css решить задачу

[justdealman]

Посчитайте значение max-height либо яваскриптом, либо захардкодите.