WP Table Manager: Tabele stylizacji

1. Format

Karta formatu jest strona głównayślnie dostępna po prawej stronie ekranu. Zawiera różne parametry.

 

image31

 

  • Typ komórki: strona głównayślny lub HTML. Typ strona głównayślny umożliwia wykonywanie obliczeń za pomocą HTML wstawiającego treść HTML, taką 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

 

Opcje obramowań i czcionek można zastosować do pojedynczych lub wielu komórek

 

image33

 

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

 

2. Motyw i opcje sortowania

Na karcie tabeli, nadal po prawej stronie, masz wybór motywów. Kliknij motyw, aby go zastosować.

Zastosowanie motywu spowoduje zastąpienie wszystkich danych i stylu w tabeli. Tak więc, aby kontynuować, należy zastosować motyw, a następnie edytować dane i utworzyć własny motyw, a następnie zduplikować tabele.

 

wybór tematu

 

„Funkcja automatycznej stylizacji: pomaga kolorować linię na stole za pomocą Stylizacja nagłówka i Stylizacja stopki opcje. Możesz wybrać style szablonów lub utworzyć własne w ustawieniach wtyczki.

 

image35

 

Parametr sortable pozwala na sortowanie danych AJAX na nakładce.

 

image36

 

Wyrównanie tabeli dotyczy wyrównania div zawierającego całą tabelę, na przykład wyśrodkowania całej tabeli.

 

image37

 

Opcjonalnie dostępne jest także oświetlenie do komórek. Możesz włączyć tę funkcję w konfiguracji. strona głównayślnie jest wyłączony. Możesz wybrać podświetlony kolor i krycie podświetlenia.

 

podświetlanie tabeli

 

3. Dodaj etykietę do komórek

Podpowiedzi na komórki muszą być aktywowane z konfiguracji wtyczki (Menu konfiguracji). Po aktywacji otrzymasz przycisk na dole Format tab podczas edycji tabeli.

 

image39

 

Możesz dla szerokości w pikselach. Podpowiedź edycji przeniesie Cię do podpowiedzi za pomocą edytora, aby edytować podpowiedź.

 

edytor podpowiedzi

 

Dodaj zawartość i zapisz, gotowe, podpowiedź zostanie wyświetlona po stronie publicznej po najechaniu myszką.

 

przeciągnij etykietkę

 

4. Zamrożenie linii i kolumny

Zamrożenie linii lub kolumny jest dostępne w Stół patka. Możesz zamrozić do 5 linii lub kolumn. Jest liczony od pierwszego wiersza / kol.

 

linia zamrożona

 

Aby zamrozić wiersz, istnieje dodatkowa opcja, która pozwala ustalić wysokość stołu (ponieważ kontener stołu może mieć nieskończoną wysokość).

 

zamrażać wiersz

 

Gdy wybierzesz linię lub kolumnę do zamrożenia, będziesz mógł przewijać swój stół i zawsze wyświetlać stałą linię / wiersze.

 

poprawianie wyświetlania linii

 

5. Filtrowanie danych kolumny

Opcja filtrowania jest ponownie dostępna na karcie tabeli. Możesz go aktywować, aby włączyć publiczne pola filtrowania danych.

 

kolumna filtrująca

Przykład filtrów:

 

responsive-table-scroll

 

6. Niestandardowy CSS

Przejdźmy o krok dalej. Jeśli jesteś projektantem stron internetowych z umiejętnościami css, będziesz mógł dodać css do Więcej kart. Możesz dodać dopełnienie i promień obramowania na komórce.

 

image47

 

Pamiętaj, że jeśli zastosowałeś motyw, niektóre niestandardowe css zostaną dodane automatycznie. Nadal możesz go edytować.

 

Nadal na Więcej kart, kliknij na niestandardowy Przycisk CSS dostęp do edycji css. Kod CSS jest zabarwiony za pomocą kodu lustrzanego i może być zapisany w mniejszym CSS, działa też!

 

custom-table-css

 

Komórki, linia, kolumny mają współrzędne umożliwiające identyfikację każdego z nich i zastosowanie na nim niestandardowego css. R to wiersz, C to kolumna.

 

wyświetlanie css

 

7. Elastyczne tabele WordPress

Czy moje stoły reagują na zmiany lub używają przewijania na małych urządzeniach?

WP Table Manager obsługuje responsywny projekt z priorytetowym narzędziem, jako opcja. strona głównayślnie funkcja responsywna jest wyłączona, wystąpi przepełnienie (mimo to 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, wyświetlone zostanie 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, będziesz miał przepełnienie i będziesz mógł łatwo przewijać urządzenia mobilne.

Tabela z przewijaniem (lepiej dla małej ilości kolumn)

 

responsive-table-scroll

 

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

 

57bb0cb0ac948

 

8. Tabela pobierania

Aby udostępnić swój stół publicznie, należy włączyć Pobierz przycisk opcja na Karta tabeli na prawym panelu. Typem pliku będzie * .xlsx.

 

tabela pobierania

 

9. Paginacja

Możesz znaleźć tę funkcję na karcie Tabela w każdej tabeli. Włącz i wybierz liczbę wierszy do wyświetlenia na stronie.

 

pagination-wptm