WP Table Manager : Tabele stylizacji

1. Format

Karta formatu jest domyślnie dostępna po prawej stronie ekranu. Zawiera różne parametry.

 

image31

 

  • Typ komórki: domyślny lub HTML. Domyślny typ umożliwia obliczanie za pomocą HTML wstawiania treści HTML, takich jak obrazy. Edytor WYSIWYG dla każdej komórki zostanie zaimplementowany w następnej wersji, w momencie dodania HTML do komórki.
  • Tło komórki kolor: oczywiście definiowanie koloru tła

 

image32

 

Obramowania i opcje czcionek można zastosować do pojedynczej lub wielu komórek

 

image33

 

Szerokość wiersza i kolumny można zdefiniować w pikselach. Wybierz kolumnę lub wiersz w dowolnym miejscu w tabeli i sprawdź rozmiar.

 

2) Motyw i opcje sortowania

W każdej tabeli można znaleźć Wybór motywu opcja o Motyw menu. Wystarczy kliknąć motyw, aby go zastosować.

Zastosowanie motywu zastąpi wszystkie dane i styl w tabeli. Tak więc sposobem jest zastosowanie motywu, następnie edycja danych w celu stworzenia własnego motywu, a następnie zduplikowanie tabel.

 

wybór motywu

 

Na takim samym Motyw menu> Alternatywne kolory, funkcja „Automatyczne stylizowanie” pomaga pokolorować linię na stole Styl nagłówka i Stylizacja stopki opcje Możesz wybrać style szablonów lub utworzyć własne w ustawieniach wtyczek.

 

motyw zmieniający kolor

 

Parametr sortowalny umożliwia sortowanie danych AJAX na interfejsie użytkownika. Możesz zobaczyć na Format menu> Sortuj.

 

tabela sortowania

 

Wyrównanie tabeli dotyczy wyrównania div zawierającego cały stół, na przykład wyśrodkuj cały stół. Możesz znaleźć na Format menu> Wyrównanie tabeli.

 

wyrównanie tabeli

 

Podświetlenie komórki jest również dostępne jako opcja. Możesz włączyć tę funkcję w konfiguracji. Domyślnie jest wyłączone. Możesz wybrać kolor podświetlenia, dopasować kolor i krycie podświetlenia.

 

podświetlanie tabeli

 

3) Dodaj etykietkę do komórek

W każdej komórce w tabeli możesz zobaczyć opcję Dodaj etykietkę, gdy klikniesz ją prawym przyciskiem myszy.

 

dodaj etykietkę

 

Możesz ustawić szerokość podpowiedzi w pikselach. Nastąpi przejście do podpowiedzi z edytorem do edycji.

 

edytor podpowiedzi

 

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

 

przeciągnij etykietkę

 

4) Zamrażanie linii i kolumn

Blokowanie wiersza lub kolumny jest dostępne w menu Format> Opcje responsywne. Możesz zamrozić do 5 linii lub kolumn. Jest liczony od pierwszego wiersza / kolumny.

 

linia zamrożona

 

Aby zablokować wiersze, istnieje dodatkowa opcja, która pozwala ustalić wysokość stołu (ponieważ pojemnik na stół może mieć nieskończoną wysokość).

 

zamrażać wiersz

 

Po wybraniu linii lub kolumny do zamrożenia będziesz mógł przewijać tabelę i zawsze wyświetlać stałą linię / rzędy.

 

naprawianie wyświetlania linii

 

5) Filtrowanie danych kolumny

Opcja filtrowania jest dostępna pod adresem Format menu > Filtry. Możesz go aktywować, klikając, aby włączyć pola filtrowania danych publicznych.

 

kolumna filtrująca

 

Przykład filtrów:

 

responsywne przewijanie tabeli

 

6) Wypełnienie komórki i promień obramowania

Możesz znaleźć ikonę obramowania na pasku narzędzi, która pomaga dostosować wypełnienie i promień obramowania na komórce.

 

padding-border

 

Pamiętaj, że jeśli zastosujesz motyw, niektóre niestandardowe pliki css zostaną dodane automatycznie. Oczywiście nadal możesz go edytować.

 

7) niestandardowe CSS

Przejdźmy o krok dalej. Jeśli jesteś projektantem stron internetowych z umiejętnościami css, będziesz mógł dodać css na Format menu> Niestandardowy CSS. 

 

format-custom-css

 

Kod CSS jest pokolorowany za pomocą lustrzanego kodu i może być napisany w mniejszej ilości CSS, to też działa!

 

custom-table-css

 

Komórki, linie, kolumny mają współrzędne, aby zidentyfikować każdą z nich i zastosować na niej niestandardowy css. R to wiersz, C to kolumna.

 

wyświetlanie css

 

8) Elastyczne tabele WordPress

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

WP Table Manager obsługuje responsywny projekt za pomocą narzędzia priorytetowego, jako opcja. Domyślnie funkcja responsywna jest wyłączona, nastąpi przepełnienie (chociaż działa świetnie na urządzeniach mobilnych).

 

tryb responsywny

 

Tryb responsywny jest zaawansowany, możesz zdefiniować priorytet ukrywania kolumn w rozmiarach mobilnych. Gdy kolumny są ukryte, zostanie wyświetlone menu mobilne 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, nastąpi przepełnienie i będzie można łatwo przewijać na urządzeniach mobilnych.

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

 

responsywne przewijanie tabeli

 

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

 

57bb0cb0ac948

 

9) Pobierz tabelę

Aby udostępnić swój stół publicznie, należy włączyć Przycisk Pobierz opcja o Karta Tabela na prawym panelu. Typ pliku to * .xlsx.

 

tabela pobierania

 

10) Paginacja

Możesz znaleźć tę funkcję na Menu> Format tab w każdej tabeli. Użyj przycisku przełączania, aby włączyć i wybrać liczbę wierszy do wyświetlenia na stronie.

 

pagination-wptm