Więcej responsywnych tabel WordPress z powtarzanymi nagłówkami

WordPress tables are a double-edged sword, in spite of WordPress' progress over the years. They are the perfect candidates to present data, but unfavorable to tell a story. If you think that's not bad enough, wait until you hear about smartphones and tablets: devices where you have even less space to display data. There are some table disadvantages you have to learn to live with, but responsiveness is not one of them.

Ostatnia duża aktualizacja WP Table Manager WP Table Manager wprowadziła nowy responsywny design tabel z dodatkowymi opcjami responsywności. Teraz dostępna jest nowsza i lepsza wersja menedżera tabel WordPress, która dodaje nowy tryb responsywny oraz nowe opcje pomagające dostosować responsywne tabele i ich zachowanie: powtarzane nagłówki.

Responsive tables with repeated headers

Co się dzieje, gdy brakuje miejsca na wyświetlenie tabeli? W poprzedniej aktualizacji WP Table Manager dał Ci dwie opcje responsywności: dodanie paska przewijania i ukrywanie kolumn. Te dwa tryby mają swoje zastosowania, ale jeśli chcesz uniknąć poziomego przewijania lub ukrywania danych, nowy trzeci tryb może być tym, czego szukasz: powtarzane nagłówki.

Tryb responsywny z powtarzanymi nagłówkami, podobnie jak wszystkie inne tryby, domyślnie wyświetla zwykłą tabelę, gdy jest wystarczająco dużo miejsca, na przykład na urządzeniu stacjonarnym, takim jak komputer lub laptop. Gdy brakuje miejsca, zwija się do prostszej tabeli z dwiema kolumnami: nagłówkiem tabeli i wartością wiersza.

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

Dzięki temu prostemu responsywnemu zachowaniu tryb tabeli z powtarzanymi nagłówkami pozwala dodawać do tabel dowolną ilość danych, bez obaw o to, jak będą wyglądać na telefonach i tabletach. Ponadto WP Table Manager stosuje naprzemienne kolory wierszy na mniejszych urządzeniach: każdy wiersz w oryginalnej tabeli otrzymuje inny kolor, co zachowuje kontekst i pozwala czytelnikom WordPressa odróżnić poszczególne rekordy.

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

Możesz wybrać tryb powtarzanych nagłówków podczas edycji tabeli: wybierz opcje responsywne z menu format , a następnie poszukaj trybu powtarzany nagłówek na pierwszej liście rozwijanej. Możesz także dostosować tabelę z powtarzanymi nagłówkami na dwa sposoby: punkt przełamania responsywności i maksymalną wysokość responsywną.

Responsywny punkt przerwania to szerokość, poniżej której wtyczka menedżera tabel WordPress przestaje wyświetlać tabelę w zwykły sposób i zamiast tego przełącza się w tryb responsywny z powtarzanymi nagłówkami. Możesz oszacować tę wartość na podstawie swojego 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, tryb powtarzanych nagłówków może utworzyć bardzo długą stronę. Maksymalna wysokość w trybie responsywnym rozwiązuje ten problem, ograniczając wysokość tabeli z powtarzanymi nagłówkami w trybie responsywnym. Jeśli tabela responsywna jest zbyt długa, Twoi czytelnicy WordPress mogą użyć paska przewijania, aby wyświetlić więcej danych, tak jak zwykle.

Nie ma złotego środka na responsywne tabele, ale tryb powtarzanych nagłówków dla tabel WordPress jest bliski ideału. Niezależnie od tego, czy masz małą tabelę, czy dużą tabelę z wieloma wierszami i kolumnami, nowy tryb powtarzanych nagłówków WP Table Managerzapewnia, że Twoje dane zawsze się mieszczą, niezależnie od urządzenia.