Почему не работает overflow-x у таблицы, если у родителя display: flex;?

Question

[Полина Емельянова]

Добрый день, коллеги.

Прошу помочь справиться с проблемой.

САБЖ: Есть несколько оберток, которые задают сетку сайта. Внутри main нужна таблица, которая при сужении экрана должна иметь скролл. Но скролл не ставиться! overflow-x - не отрабатывает!! Единственный вариант, который я вижу - display: flex; у родителя. Прошу, помогите справиться с этим.

https://codepen.io/emelyanova/pen/PBxyOq - код на поиграть.

Заранее благодарю.

/*прошу, не разводите хайпа...*/

Comments

[Андрей]

У .wrapper overflow: hidden, остальные "обертки" (размеры не указаны) растянулись на ширину таблицы - прокручивать нечего

Задайте main width: 100%;

[Полина Емельянова]

Андрей, не возможно.
у майна flex: 1 1 68%;

[Андрей]

Тогда выкладывайте реальный код, где это не работает, на "поиграцца" у main это не прописано

[Полина Емельянова]

Андрей, Спросила у опытного коллеги...

ОТВЕТ: Поставить overflow: auto; на обертку.
Сработало...

Answer 1

[Полина Емельянова]

ОТВЕТ: Поставить overflow: auto; на обертку.

Answer 2

[Арсений Матыцин]

https://getbootstrap.com/docs/4.0/content/tables/#...
Непосредственно бутстрап, или посмотреть, как прописаны стили и скопировать фрагмент.

Comments

[Полина Емельянова]

не работает.