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

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

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

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

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

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

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

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

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

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

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

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

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