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

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

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

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

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

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

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

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

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

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

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

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

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