Więcej responsywnych tabel WordPress z powtarzającymi się nagłówkami

Tabele WordPress są podwójnie ostrym mieczem, pomimo postępu WordPress przez lata. Są idealnymi kandydatami do prezentowania danych, ale niekorzystnymi do opowiadania historii. Jeśli myślisz, że to nie jest wystarczająco złe, poczekaj, aż usłyszysz o smartfonach i tabletach: urządzeniach, na których masz jeszcze mniej miejsca na wyświetlanie danych. Są pewne wady tabel, z którymi musisz się nauczyć żyć, ale responsywność nie jest jedną z nich.

Ostatnia duża aktualizacja WP Table Manager wprowadziła nowy responsywny design dla tabel z dodatkowymi opcjami responsywnymi. Teraz dostępna jest nowsza i lepsza wersja menedżera tabel WordPress, która dodaje nowy tryb responsywny i nowe opcje, aby pomóc Ci dostosować responsywne tabele i ich zachowanie: powtarzane nagłówki.

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

Co się dzieje, gdy nie ma wystarczającej ilości miejsca do wyświetlenia tabeli? W poprzedniej aktualizacji WP Table Manager dał ci dwie opcje responsywne: 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 inne tryby, domyślnie ustawia normalną tabelę, gdy jest wystarczająco dużo miejsca, na przykład na komputerze stacjonarnym lub laptopie. Gdy nie ma wystarczająco dużo miejsca, zwija się w prostszą tabelę 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 w oryginalnej tabeli będzie reprezentowany jako cztery nowe wiersze w responsywnej wersji. Każdy nowy wiersz ma tylko oryginalny nagłówek i jego wartość danych. Ten schemat dotyczy każdego wiersza w oryginalnej tabeli, więc zawsze istnieje powtarzający się nagłówek obok wartości danych.

Dzięki temu prostemu responsywnemu zachowaniu, tryb tabeli z powtarzającymi się nagłówkami pozwala dodać tyle danych, ile chcesz, do swoich tabel bez obawy o to, jak będą wyglądać na urządzeniach mobilnych i tabletach. Dodatkowo, 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 WordPressa rozróżnienie między rekordami.

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 powtarzanego nagłówka z pierwszego menu rozwijanego. Możesz również dostosować tabelę z powtarzanymi nagłówkami na dwa sposoby: responsywny punkt przerwania i responsywną maksymalną wysokość.

Próg responsywności to szerokość, poniżej której wtyczka WordPress table manager przestaje renderować tabelę jak zwykle, a zamiast tego przełącza się w responsywny tryb z powtarzanymi nagłówkami. 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 pewnej szerokości, użyj jej jako punktu przerwania.

Jeśli masz wiele wierszy lub wiele kolumn, możliwe jest, że tryb powtarzanych nagłówków utworzy bardzo długą stronę. Responsywna maksymalna wysokość radzi sobie z tym problemem poprzez ograniczenie wysokości tabeli z powtarzanymi nagłówkami w trybie responsywnym. Jeśli responsywna tabela jest zbyt długa, Twoi czytelnicy WordPress mogą użyć paska przewijania, aby wyświetlić więcej danych jak zwykle.

Nie ma magicznego rozwiązania dla responsywnych tabel, ale tryb powtarzanych nagłówków dla tabel WordPress jest całkiem niezły. 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 pasują, niezależnie od urządzenia.