Bardziej responsywne tabele WordPress z powtarzającymi się nagłówkami

Tabele WordPress to miecz obosieczny, pomimo postępu WordPress na przestrzeni lat. Są idealnymi kandydatami do prezentowania danych, ale niechętnie opowiadają historię. Jeśli uważasz, że to nie wystarczy, poczekaj, aż usłyszysz o smartfonach i tabletach: urządzeniach, na których masz jeszcze mniej miejsca na wyświetlanie danych. Istnieją pewne wady stołu, z którymi musisz się nauczyć żyć, ale responsywność nie jest jedną z nich.

Ostatnia ważna aktualizacja WP Table Manager wprowadziła nowy responsywny projekt tabel z dodatkowymi opcjami responsywnymi. Teraz jest nowsza i lepsza wersja menedżera tabel WordPress, która dodaje nowy tryb responsywny i nowe opcje, które pomagają dostosować responsywne tabele i ich zachowanie: powtarzające się nagłówki.

Responsywne tabele z powtarzającymi się nagłówkami

Co się stanie, gdy zabraknie miejsca na wystawienie stołu? W poprzedniej aktualizacji WP Table Manager udostępniał dwie responsywne opcje: dodanie paska przewijania i ukrywanie kolumn. Te dwa tryby mają swoje zastosowania, ale jeśli chcesz uniknąć przewijania w poziomie lub ukrywania danych, nowy trzeci tryb może być tym, czego szukasz: powtarzające się nagłówki.

Tryb reakcji z powtarzającymi się nagłówkami, podobnie jak wszystkie inne tryby, domyślnie przyjmuje normalną tabelę, gdy jest wystarczająco dużo miejsca, na przykład na urządzeniu stacjonarnym, takim jak komputery lub laptopy. Gdy nie ma wystarczającej ilości miejsca, jest zwijana do prostszej tabeli z dwiema kolumnami: nagłówkiem tabeli i wartością wiersza.

W praktyce oznacza to, że jeśli masz cztery kolumny w tabeli, każdy wiersz oryginalnej tabeli będzie reprezentowany jako cztery nowe wiersze w wersji responsywnej. Każdy nowy wiersz ma tylko oryginalny nagłówek i jego wartość danych. Ten schemat dotyczy każdego wiersza w oryginalnej tabeli, więc obok wartości danych zawsze występuje powtórzony nagłówek.

Dzięki temu prostemu responsywnemu trybowi tabeli powtarzanych nagłówków możesz dodawać dowolną ilość danych do swoich tabel bez martwienia się o to, jak będą wyglądać na telefonach komórkowych i tabletach. Ponadto WP Table Manager używa naprzemiennych kolorów dla wierszy na mniejszych urządzeniach: każdy wiersz w oryginalnej tabeli otrzymuje inny kolor, zachowując kontekst i umożliwiając czytelnikom WordPress rozróżnianie rekordów.

Dostosowywanie responsywnych tabel w trybie powtarzanych nagłówków

Możesz wybrać tryb powtarzanych nagłówków podczas edycji tabeli: wybierz responsywne opcje z menu formatu , a następnie poszukaj trybu powtarzanych nagłówków z pierwszego menu rozwijanego. Możesz również dostosować tabelę powtarzających się nagłówków na dwa sposoby: responsywny punkt przerwania i responsywną maksymalną wysokość.

Responsywny punkt przerwania to szerokość, poniżej której wtyczka menedżera tabel WordPress przestaje renderować tabelę w zwykły sposób i zamiast tego przełącza się na responsywny tryb powtarzanych nagłówków. Możesz oszacować tę wartość na podstawie motywu WordPress i liczby posiadanych kolumn: jeśli uważasz, że tabela nie zmieści się poniżej określonej szerokości, użyj jej jako punktu przerwania.

Jeśli masz wiele wierszy lub wiele kolumn, możliwe jest, że tryb powtarzających się nagłówków utworzy bardzo długą stronę. Responsywna maksymalna wysokość rozwiązuje ten problem, ograniczając wysokość tabeli powtórzonych nagłówków w trybie responsywnym. Jeśli responsywna tabela jest zbyt długa, czytelnicy WordPress mogą normalnie używać paska przewijania, aby wyświetlić więcej danych.

Nie ma magicznego punktu dla responsywnych tabel, ale tryb powtarzania nagłówków dla tabel WordPress jest bliski. Niezależnie od tego, czy masz małą tabelę, czy dużą tabelę z wieloma wierszami i kolumnami, nowy tryb powtarzanych nagłówków WP Table Manager zapewnia, że ​​dane zawsze pasują, niezależnie od urządzenia.