Как сделать такую таблицу?

Question

[lolrofl01]

Есть вот такая таблица:


Необходимо, чтобы скролл был и вверх\вниз, и влево\вправо, т.к. заголовков там полно. Помимо этого, необходимо чтобы при скролле, всегда оставались статичными верхние заголовки (актуально, когда скролл вверх\вниз) и левая боковая колонка "Название позиции" (когда скролл влево\вправо). Возможно ли такое сделать и как? Спасибо!

Comments

[Vladimir]

js, если нужно кроме вверх/вниз ещё и влево/вправо

[Максим Тимофеев]

Vladimir, не обязательно
https://getbootstrap.com/docs/4.1/content/tables/#...

[lolrofl01]

Максим Тимофеев, а это причем? Здесь перечислены же только адаптивные таблицы с горизонтальным скроллом без фиксации чего бы то ни было. Я это без бутстрапа уже сделал)

Answer 1

[Stalker_RED]

Вообще возможно, сделать для th и первого столбца position:fixed а вертикальный и горизонтальный скролл сделать в разных блоках. Но лучше уж взять https://datatables.net/

Answer 2

[Максим Тимофеев]

Есть css решение:
https://getbootstrap.com/docs/4.1/content/tables/#...
Если надо интерактивности, то есть куча js плагинов, один предложил Stalker_RED, но мне больше нравится:
https://github.com/mleibman/SlickGrid