Как ограничить максимальную высоту ячейки таблицы высотой соседней ячейки?

Question

[Антон Антон]

https://jsfiddle.net/armf29y6/

Как сделать так, чтобы высота строки зависела только от первой ячейки, а вторая скроллилась, если её содержимое не помещается? Желательно только средствами CSS, без JS. Дополнительный вопрос - можно ли задать приоритет скролла по горизонтали, вместо вертикали?

В примере завернуто в table-responsive потому что ширина таблицы может быть больше ширины экрана и вся таблица должна еще и скроллиться по горизонтали в этом случае.

Answer 1

[Антон Антон]

получилось примерно так: https://jsfiddle.net/armf29y6/14/ может быть есть решение без жесткого указания ширины колонки?

Comments

[Антон Усачев]

Тут либо table-layout: fixed; для таблички прописать, либо имитировать таблицу на flex или grid. Больше нескриптовых вариантов не вижу.

[Антон Антон]

либо имитировать таблицу на flex или grid

ну а какое на них решение?