Как сделать таблицу адаптивной?
https://codepen.io/AllThingsSmitty/pen/MyqmdM
гуглите responsive table css и responsive table javascript
По мне, так все просто — таблица она и есть таблица. Извращаться с ее видом в какие-то непонятные формы не вижу смысла. Обычно обертываю таблицу в DIV и задаю правила стилей:white-space: nowrap;
overflow-x: auto;
P.S.
Единственное что можно сделать дополнительно на мобильных устройствах — добавить блок во всю высоту таблицы в правой ее части (полупрозрачный градиент). Можно увидеть подобную реализацию, к примеру, в поиске google в меню под полем ввода текста.