Более отзывчивые таблицы WordPress с повторяющимися заголовками

Таблицы WordPress — это палка о двух концах, несмотря на прогресс WordPress за последние годы. Они идеальные кандидаты для представления данных, но не подходят для того, чтобы рассказать историю. Если вы думаете, что это не так уж и плохо, подождите, пока вы не услышите о смартфонах и планшетах: устройствах, на которых у вас еще меньше места для отображения данных. Есть некоторые недостатки стола, с которыми вам придется научиться мириться, но отзывчивость не входит в их число.

Последнее крупное обновление WP Table Manager представило новый адаптивный дизайн для таблиц с дополнительными параметрами. Теперь появилась более новая и улучшенная версия диспетчера таблиц WordPress, в которой добавлен новый адаптивный режим и новые параметры, помогающие настраивать адаптивные таблицы и их поведение: повторяющиеся заголовки.

Адаптивные таблицы с повторяющимися заголовками

Что происходит, когда недостаточно места для отображения таблицы? В предыдущем обновлении WP Table Manager предоставил вам два варианта реагирования: добавление полосы прокрутки и скрытие столбцов. У этих двух режимов есть свои применения, но если вы хотите избежать горизонтальной прокрутки или сокрытия данных, вам может подойти новый третий режим: повторяющиеся заголовки.

В режиме реагирования на повторяющиеся заголовки, как и во всех других режимах, по умолчанию используется обычная таблица, когда есть достаточно места, например, на настольном устройстве, например, на компьютерах или ноутбуках. Когда места недостаточно, он сворачивается в более простую таблицу с двумя столбцами: заголовок таблицы и значение строки.

На практике это означает, что если у вас есть четыре столбца в таблице, каждая строка в исходной таблице будет представлена ​​как четыре новых строки в адаптивной версии. Каждая новая строка имеет только исходный заголовок и его значение данных. Эта схема применяется к каждой строке исходной таблицы, поэтому рядом со значениями данных всегда есть повторяющийся заголовок.

Благодаря этому простому адаптивному поведению режим таблицы повторяющихся заголовков позволяет добавлять в таблицы столько данных, сколько вы хотите, не беспокоясь о том, как они будут выглядеть на мобильных устройствах и планшетах. Кроме того, WP Table Manager использует чередующиеся цвета для строк на небольших устройствах: каждая строка в исходной таблице получает другой цвет, сохраняя контекст и позволяя вашим читателям WordPress различать записи.

Настройка адаптивных таблиц в режиме повторяющихся заголовков

Вы можете выбрать режим повторяющихся заголовков при редактировании таблицы: выберите параметры реагирования в меню формата , а затем найдите режим повторяющихся заголовков в первом раскрывающемся списке. Вы также можете настроить таблицу повторяющихся заголовков двумя способами: отзывчивую точку останова и максимальную высоту ответа.

Адаптивная точка останова - это ширина, ниже которой плагин диспетчера таблиц WordPress перестает отображать таблицу как обычно и вместо этого переключается в режим отзывчивых повторяющихся заголовков. Вы можете оценить это значение на основе вашей темы WordPress и количества имеющихся столбцов: если вы считаете, что таблица не поместится ниже определенной ширины, используйте ее в качестве точки останова.

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

Для адаптивных таблиц не существует волшебной палочки, но режим повторяющихся заголовков для таблиц WordPress подходит близко. Независимо от того, есть ли у вас небольшая таблица или большая таблица с множеством строк и столбцов, новый режим повторяющихся заголовков WP Table Manager гарантирует, что ваши данные всегда подходят для любого устройства.