На мой взгляд, с мобильными версиями далеко не всё так просто. Если, скажем, интернет-магазины на телефонном экране выигрывают в редуцированной версии с крупными шрифтами и кнопками, то информационные сайты часто страдают от сокращений и потерь смысла.

«Мобильная» Википедия уступает обычной в информативности, а её навигация требует специального изучения. Я переключаюсь в «стационарную» версию при первой возможности.

Хорошая мобильная версия сайта требует особого внимания и не терпит механической адаптации. Это относится и к таблицам на сайте.

Рассмотрим пример из «Справочника издателя и автора» А. Э. Мильчина:

Себестоимость и средняя реализационная цена центнера основных продуктов растениеводства (рубли)

Чтобы адаптировать таблицу к узкому экрану телефона, можно вспомнить, что таблица — компактный формат. Она экономит высоту за счёт использования двух измерений носителя — ширины и высоты. Но на телефоне ширины как раз не хватает, поэтому можно использовать линейный вывод.

Если на сайте много таблиц, в первом приближении можно получить вывод механически:

Первая колонка в таблице — боковик — служит подлежащим ко всей строке, а её название обычно повторяется в общем заголовке таблицы. Поэтому значение первой колонки таблицы можно использовать в качестве названия группы вывода («кенаф», «хлопок»), а её название можно опустить («продукция»).

Это рабочее решение, но механически «адаптированную» таблицу стоит проверить по смыслу и довести до ума: