← ЛЕНТА ТГ-КАНАЛА / пост

Таблицы на мобильном

14.01.2026

Для десктопов всё просто — развернули данные «на всю ивановскую», лепота (скрин 1).

Для мобил разработчики очень часто не заморачиваются с многоколончатыми таблицами, просто делают горизонтальный скролл и всё (скрин 2).

Действительно, довольно геморройно сложно реализовать логику скрывания «ненужных» столбцов, а то и объединить их.

Особенно остро эта проблема ощущается в админках и сервисах управления чем-то.


Для чего юзеру сервис?
Скорее всего, через маленький экран мобилы будут только смотреть логи/отчёты + мелкое управление «на ходу».

1️⃣ Значит, оставляем в таблице только самую важную/критичную инфу: прячем «некритичную» и/или объединяем столбцы. А может даже и превращаем строки таблицы в карточку. Пусть в одной ячейке будет чуть больше инфы, зато не надо скроллить вбок.

2️⃣ Фризим у таблиц первый столбец и заголовки столбцов, чтобы они не сдвигались при скроллах. Но только если в остальных столбцах есть зависимая инфа.

3️⃣ Возможно «Действия» придётся перенести в начало или даже сократить до 1 кнопки.

4️⃣ Делаем отдельное управление сортировкой, если объединяли данные и это действительно важно.

5️⃣ Сокращаем формы (а может и делаем новые) для облегчения управления.

Теперь получаем действительно адаптивный интерфейс не только под экраны, но и под нужды юзеров.

#плохонеделай | ЗоЮ

💬 Комментировать и обсудить в телеграм-канале