Как сделать таблицу с горизонтнальным скролбаром под хедером?

Question

[VladiGG]

Давайте представим, что у нас есть таблица. Между хедером и телом находится скроллбар, перетягивая который мы прокручиваем и хедер, и тело таблицы, которые уходят в оверфлоу по горизонтали, так как они длинее размеров, чем родительский компонент. Очень долго мучаюсь с этим вопросом, подскажет кто, может?

Comments

[Ankhena]

Я видела только решения костылями.
Range или стилизованные под полосу прокрутку div'ы.
И дальше js связывающий range с отображением нужной части таблицы.

[VladiGG]

А у вас нет примера реализации? Нигде не могу найти

Answer 1

[Иван]

А какой-нибудь простой CSS типа

-webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;

Не подойдет?

Comments

[VladiGG]

Нет. Оверфлоу накладывается только на хедер, бади остается неподвижным. Так же с хедера перестают падать дропдауны

[Иван]

А если применить к контейнеру со всей таблицей целиком?

[VladiGG]

Тогда оверфлоу будет за пределами таблицы, а мне надо в под хедером