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

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

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

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

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

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

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

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

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

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

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

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

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