WP Table Manager : Styling Tables

1. Format

Na pasku narzędzi można ustawić styl komórki, taki jak: czcionka, rozmiar czcionki, styl tekstu, kolor tła komórki, kolor tekstu, wyrównanie w poziomie i pionie komórki, ... Można go zastosować do pojedynczej komórki lub wielu komórek

Możesz wybrać procent dla edytora tabeli. Oznacza to, że możesz powiększać/pomniejszać swój stół w zakresie od 50% do 200%.

Wysokość wiersza i szerokość kolumny można określić w pikselach. Przejdź do Menu Format > Zastosuj rozmiar kolumny/linii , a następnie wybierz Zmień rozmiar kolumny / Zmień rozmiar wiersza . W wyskakującym okienku możesz wybrać zakres i ustawić piksele dla kolumn lub wierszy. Kliknij Gotowe , aby zakończyć.

2. Motywy i opcje

W każdej tabeli znajdziesz wyboru motywu w menu Motyw. Po prostu kliknij motyw, aby go zastosować.

Alternatywne kolory

W tym samym motywie menu > Alternatywne kolory funkcja „Automatyczne stylizowanie” pomaga pokolorować linię w tabeli za pomocą stylów nagłówka i stopki . Możesz wybrać style szablonów lub stworzyć własne w ustawieniach wtyczki.

Alternatywny kolor możesz usunąć, klikając opcję „Usuń>  Usuń automatyczną stylizację” w menu po kliknięciu prawym przyciskiem myszy. Następnie kolor zostanie wyczyszczony po potwierdzeniu.

Wyrównaj tabelę

Wyrównanie tabeli polega na wyrównaniu elementu div zawierającego całą tabelę, na przykład wyśrodkowanie całej tabeli. Możesz znaleźć w Menu Format > Wyrównanie tabeli .

Podświetlanie komórek

Opcjonalnie dostępne jest również podświetlenie komórki. Możesz włączyć tę funkcję w konfiguracji. Domyślnie jest wyłączona. Możesz wybrać wiersz podświetlenia, aby dostosować kolor i krycie podświetlenia.

3. Dodaj podpowiedź do komórek

W każdej komórce tabeli możesz zobaczyć opcję Dodaj podpowiedź po kliknięciu jej prawym przyciskiem myszy.

Możesz ustawić szerokość podpowiedzi w pikselach. Spowoduje to przejście do podpowiedzi z edytorem do edycji.

Dodaj treść i zapisz, gotowe! Etykietka wyświetli się po stronie publicznej po najechaniu myszką.

4. Zamrażanie rzędów i kolumn

Zamrażanie kolumny

Zamrażanie kolumn jest dostępne w menu Format > Opcje responsywne . Możesz zamrozić do 5 kolumn. Liczy się od pierwszego płk.

Aby zamrozić kolumnę / wiersz, istnieje dodatkowa opcja, która pozwala ustalić wysokość tabeli (ponieważ twój kontener tabeli może mieć nieskończoną wysokość).

Kiedy wybierzesz kolumnę do zablokowania, będziesz mógł przewijać tabelę i zawsze wyświetlać stałą kolumnę.

Zamrażanie rzędów

Możesz go znaleźć w Menu Format > Nagłówek tabeli , stąd możesz włączyć opcję i ustawić wiersze do zamrożenia (do 5 wierszy).

Jeśli chcesz ustawić wysokość stołu, wróć do opcji responsywnych.

Następnie pierwszy wiersz zostanie zamrożony na interfejsie użytkownika zgodnie z ustawieniem.

5. Sortuj i filtruj

Jeśli chcesz posortować lub przefiltrować tabelę, przejdź do Format menu > Sortuj i filtruj .

Następnie pojawi się wyskakujące okienko zawierające opcje sortowania i filtrowania. 

Jeśli chcesz posortować tabelę, po prostu włącz sortowania Frontend . Możesz wybrać kolumnę dla domyślnego sortowania i jej kierunek.

Na przykład w tym przypadku wybierz kolumnę A z ASC .

Istnieją 2 opcje filtra:

• Wewnątrz kolumny: możesz filtrować dane w nagłówku każdej kolumny. Przycisk przełączania pomoże Ci pokazać lub ukryć pole wyszukiwania w nagłówku.

• Zaawansowana forma filtrowania: po wybraniu tej opcji możesz wyszukiwać i filtrować dane w tabeli

Wyszukiwanie główne: po włączeniu tej funkcji zostanie dodane pole wprowadzania wyszukiwania w interfejsie użytkownika. Dzięki temu użytkownicy mogą łatwo przeszukiwać wszystkie dane w tabeli.

6. Wypełnienie komórek i promień obramowania

Na pasku narzędzi można znaleźć ikonę obramowania, która pomaga dostosować dopełnienie i promień obramowania komórki.

7. Niestandardowy CSS

Zróbmy krok dalej. Jeśli jesteś projektantem stron internetowych z umiejętnościami w zakresie css, będziesz mógł dodać css w menu Format > Niestandardowy CSS.

Kod CSS jest pokolorowany za pomocą lustra kodu i może być napisany w mniej CSS, to też działa!

Komórki, linia, kolumny mają współrzędne, które identyfikują każdą z nich i stosują niestandardowy css. R to wiersz, C to kolumna.

8. Responsywne tabele WordPress

Czy moje tabele reagują, czy używają przewijania na małych urządzeniach?

Ukrywanie kolęd

WP Table Manager obsługuje responsywny projekt z priorytetowym narzędziem, jako opcja. Domyślnie funkcja responsywna jest wyłączona, nastąpi przepełnienie (choć wiedźma działa świetnie na urządzeniach mobilnych). Aby skorzystać z Ukrywanie Cols , należy przejść do Menu Format > Opcje responsywne.

Tryb responsywny jest zaawansowany, możesz zdefiniować priorytet ukrywania kolumn w rozmiarach mobilnych.
Gdy kolumny są ukryte, zostanie wyświetlone mobilne menu z polem wyboru, aby wymusić wyświetlanie/ukrywanie kolumn. Rozmiar kolumny jest ustalany podczas edycji tabeli. Jeśli rozmiar wszystkich kolumn jest zbyt duży dla kontenera, będziesz mieć przepełnienie i będziesz mógł łatwo przewijać na urządzeniach mobilnych.

Tabela ze zwojem (lepiej dla małej ilości kolumn)

Tabela z ukrytą kolumną (lepiej dla dużej liczby kolumn)

Powtarzający się nagłówek

To kolejna opcja, jeśli chcesz wstawić tabelę na małym obszarze witryny. Powinieneś przejść do menu Format > Opcje responsywne. Następnie wybierz opcję Typ responsywny > Powtarzany nagłówek.

Będą dostępne opcje dostosowania zgodnie z Twoim żądaniem:

• Responsywny punkt przerwania ( piksele ): wybierz wartość punktu przerwania w pikselach, aby określić, kiedy tabela będzie przełączać się w ten tryb responsywny
• Responsive max-height (px): gdy tryb responsywny jest aktywny, w zależności od wartości punktu przerwania, zdefiniuj maksymalną wysokość, aby uniknąć bardzo długiej tabeli
• Styl responsywny : zastosuj domyślny styl dla tego trybu responsywnego lub użyj kolorów tabeli

Następnie możesz zobaczyć, jak będzie wyglądać tabela na interfejsie.

Jeśli używasz powtarzającego się nagłówka i filtrowania , możesz filtrować, wpisując w polu tekstowym w widoku mobilnym.

9. Eksportuj do Excela

Aby zapisać tabelę na swoim komputerze, należy przejść do Menu Tabela i kliknąć przycisk Eksportuj do Excela . Wtedy typem pliku będzie *.xlsx po wyeksportowaniu na interfejsie.

10. Paginacja

Funkcję tę można znaleźć w menu Format > Paginacja w każdej edycji tabeli. Użyj przycisku przełączania, aby włączyć i wybrać liczbę wierszy do wyświetlenia na stronie.

11. Stylizacja obramowania komórek

Możesz zastosować typy obramowania dla swojej tabeli, takie jak szerokość obramowania, kolor obramowania, styl obramowania. Najpierw wybierz zakres komórek, a następnie kliknij ikonę na pasku narzędzi.

12. Wydrukuj tabelę na interfejsie

Czasami trzeba wydrukować tabelę. Aby więc wyświetlić przycisk Drukuj na interfejsie, najpierw należy przejść do Tabeli menu i zaznaczyć przycisk Drukuj.