Во-первых, то, с чем я работаю, находится здесь . Для тех, кто незнаком, он основан на скобках для баскетбольного турнира NCAA, который проводится в США каждый март. К сожалению, ширина таблицы слишком велика для мобильных пользователей, и на экране мобильного телефона она выглядит ужасно.
Природа моей таблицы заключается в том, что самые правые столбцы не зависят от крайних левых столбцов, но для упорядочения и выравнивания друг с другом все они находятся в одной конгруэнтной таблице.
Большинство адаптивных опций таблиц для мобильных платформ позволяют скрывать определенные столбцы нажатием кнопки «развернуть», что на самом деле не является целью, поскольку значения левого столбца не имеют отношения к значениям крайнего правого столбца.
В идеале я хотел бы сказать: «Если экран меньше ширины X, возьмите последние 4 столбца таблицы и отобразите их сразу после таблицы».
Я в тупике. Есть ли способ сделать это с помощью PHP / CSS? Я ломал голову и читал почти все статьи «Адаптивные таблицы в HTML / PHP / CSS», которые я могу найти, но все они go отличаются от моих желаемых результатов.
Спасибо за помощь!