Адаптивніші таблиці WordPress із повторюваними заголовками

Таблиці WordPress — це палиця з двома кінцями, незважаючи на прогрес WordPress за ці роки. Вони є ідеальними кандидатами для представлення даних, але несприятливі для розповіді історії. Якщо ви вважаєте, що це не достатньо погано, зачекайте, поки не почуєте про смартфони та планшети: пристрої, де у вас ще менше місця для відображення даних. Є деякі недоліки таблиць, з якими вам доведеться навчитися жити, але адаптивність не є одним із них.

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

Адаптивні таблиці з повторюваними заголовками

Що станеться, коли недостатньо місця для відображення таблиці? У попередньому оновленні WP Table Manager надав вам два адаптивні варіанти: додавання смуги прокрутки та приховування стовпців. Ці два режими мають своє застосування, але якщо ви хочете уникнути горизонтальної прокрутки або приховування даних, новий третій режим може бути саме тим, що ви шукаєте: повторювані заголовки.

Адаптивний режим із повторюваними заголовками, як і всі інші режими, за замовчуванням відображає звичайну таблицю, коли є достатньо місця, наприклад, на настільному пристрої, як-от комп’ютер чи ноутбук. Коли місця недостатньо, він згортається у спрощену таблицю з двома стовпцями: заголовок таблиці та значення рядка.

На практиці це означає, що якщо у таблиці є чотири стовпці, кожен рядок вихідної таблиці буде представлено як чотири нові рядки в адаптивній версії. Кожен новий рядок містить лише вихідний заголовок та його значення даних. Ця схема застосовується до кожного рядка вихідної таблиці, тому поруч зі значеннями даних завжди повторюється заголовок.

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

Налаштування адаптивних таблиць у режимі повторюваних заголовків

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

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

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

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