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

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

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

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

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

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

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

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

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

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

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

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

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