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

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

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

Чуйні таблиці з повторюваними заголовками

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

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

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

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

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

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

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

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

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