Twórz czytelne tabele z różnymi opcjami tabeli danych

Opublikowany: 2016-04-12

Tabele są dość powszechnym składnikiem treści każdej witryny. Ale czasami są trudne do zbudowania. Generator tabel danych firmy Supsystic to łatwy sposób na stworzenie niezapomnianej tabeli danych z wieloma opcjami bez żadnych umiejętności programistycznych i po prostu umieść krótki kod w swoim poście lub stronie WordPress. Wtyczka tabeli danych ma imponujący zakres funkcji i jesteśmy pewni, że każdy z Was uzna je za przydatne dla swoich potrzeb. Porozmawiajmy teraz o najcenniejszych z nich.

Jeśli Twoja tabela zawiera dużo danych, z pewnością zechcesz skorzystać z paginacji , sortowania , a nawet wyszukiwania dla wygody użytkowników Twojej witryny. Da im to możliwość przewracania stron tabeli, sortowania danych w porządku malejącym lub rosnącym. A kiedy nie mają dużo czasu na przejrzenie całej tabeli, mogą po prostu wpisać potrzebne informacje w pole wyszukiwania i szybko je znaleźć. Czy to nie wspaniałe? Te funkcje mogą zaoszczędzić dużo czasu. A wiemy, że w naszym współczesnym świecie czas to pieniądz.

Możesz także zezwolić użytkownikom na zapisanie tabeli, a nawet jej wydrukowanie. Po prostu znajdź funkcję Frontend Export i wybierz formaty (CSV, Excel, PDF, Print). Użytkownicy Twojej witryny zobaczą odpowiednie przyciski obok tabeli i będą mogli ją pobrać w tych formatach lub wydrukować. Ponadto do pliku PDF lub wydruku możesz dołączyć logo swojej firmy, co jest bardzo przydatne, ponieważ reprezentuje Twoją firmę i mimowolnie zostanie zapamiętane przez klientów. Spróbuj pobrać plik PDF lub wydrukować poniższą tabelę i sprawdź logo.

Inną opcją, o której warto wspomnieć, jest import plików takich jak SCV, XLS, XLSX i Google Spreadsheets. Teraz nie musisz tracić czasu na tworzenie tabeli we wtyczce Data Table, jeśli masz już gotową tabelę na swoim komputerze. Możesz po prostu zaimportować go do wtyczki WordPress i po prostu wkleić krótki kod na stronie internetowej. Podobnie możesz wyeksportować tabelę z wtyczki Data Table Plugin do komputera przy użyciu odpowiednich formatów (CSV, Excel, PDF).

Dodatkowo, jeśli przypuszczasz, że Twoja witryna będzie oglądana z różnych gadżetów, zainteresuje Cię funkcja Responsive Mode . Generator tabel danych może zaoferować następujące tryby reakcji: standardowy, automatyczne ukrywanie kolumn, przewijanie w poziomie lub możesz całkowicie wyłączyć responsywność, jeśli jej nie potrzebujesz. Standardowy tryb responsywny umieszcza kolumny pod sobą, po jednej komórce na wiersz, jeśli zawartość tabeli nie pasuje. Automatyczne ukrywanie kolumn zwija kolumny od prawej do lewej. Przewijanie w poziomie dodaje pasek przewijania, gdy tabela przekracza szerokość kontenera nadrzędnego. Jeśli wyłączysz responsywność, tabela będzie miała domyślny układ. Możesz zmienić rozmiar strony internetowej, aby zobaczyć różne tryby responsywne w działaniu w następujących tabelach:

Imię Nazwisko Miasto Ulica Kod pocztowy E-mail DOB
Eldon Roob Spinkaland Fort Jaydona 86743 [email protected] 17.01.2091
Hoyt Kapusta Stewartview Wyspy Steubera 04689 [email protected] 14.08.1989
Annie Górnik Wiltonview Homenick Fords 76947-8004 [email protected] 30.10.1990

Imię Nazwisko Miasto Ulica Kod pocztowy E-mail DOB
Romaine Denesik Wschodnie Francoshire Widok Odella 92164-3876 [email protected] 26.08.1984
Darren Johnson Rohanmouth Posiadłość Carlotty 51692 [email protected] 26.03.1995
Bradly Howell Terence Północne Jeziora Doris 06511-9359 [email protected] 26.02.1993

Wraz z wyżej wymienionymi funkcjami wtyczka Data table pozwala wstawić obrazek , link lub komentarz do wybranej komórki. W poniższej tabeli możesz zobaczyć komentarze w kolumnie „Co”, po prostu najedź myszką na jej zawartość.

ZDJĘCIE CO WHO GDY GDZIE CZEMU
Wspinaczka skałkowa Zwykle sam, ale czasami z przyjaciółmi. Poniedziałek, środa i piątek od 16:00 do 17:00 Siłownia do wspinaczki na Pacific Edge Wspinaczka pomaga w poprawie wytrzymałości układu krążenia, sile i wytrzymałości mięśni, elastyczności oraz poprawie lub utrzymaniu siły kości
Wyprowadza mojego psa Tylko ja i mój pies w soboty i niedziele, ilekroć jestem wolny Na zachodnim klifie Chodzenie poprawia wytrzymałość układu krążenia i siłę kości
Ćwiczenie Przeze mnie Poniedziałek, środa i piątek od 17:00 do 17:30 Na siłowni wspinaczkowej Pacific Edge Rock Ćwiczenia pomagają wzmocnić siłę i wytrzymałość mięśni

Możesz również ustawić format wiersza. Może to być bardzo przydatne podczas pracy z walutą, datą lub procentami. Ponadto możesz ustawić edytowalne pola w swojej tabeli. Ta funkcja jest pomocna podczas korzystania z formuł. Na przykład Twoja firma jest związana z remontami i pokazujesz ceny swoich usług w tabeli. Jeśli ustawisz pole do edycji, przyszły klient będzie mógł wprowadzić wielkość powierzchni swojego domu, a cena zostanie dla niego obliczona. Uważamy, że to bardzo pomocne, a ty? Wypróbuj tę opcję w poniższej tabeli WordPress (kolumna „Stopy kwadratowe”).

Przedmiot Koszt za stopę kwadratową Stopy kwadratowe Całkowity
Piaskować i wykańczać podłogi drewniane 2,5 0
Zainstaluj podłogę z płytek ceramicznych 16 0
Zainstaluj podłogę winylową 4 0
Zainstaluj dywan od ściany do ściany 8 0
Suma częściowa: Suma częściowa: 0

W celu wizualizacji swojej tabeli możesz dodać Wykresy Google . Generator tabel danych firmy Supsystic umożliwia szybkie i łatwe tworzenie różnego rodzaju diagramów i wykresów. Więcej na ten temat możesz przeczytać w Tabeli danych z wykresami Google

Dobre wieści! Możesz użyć edytora CSS, aby stworzyć niezapomniany styl dla swoich stołów. Dzięki tej funkcji możesz edytować tabele na różne sposoby. Nawet jeśli masz niewielką wiedzę na temat CSS i innych umiejętności programistycznych, nadal możesz to zrobić, ponieważ nie jest to takie skomplikowane. Sprawdź poniższą tabelkę z cieniami i zaokrąglonymi rogami, wykonaną za pomocą edytora CSS.

Nazwa Pozycja Gabinet Pensja
Airi Satou Księgowa Tokio 162,700$
Angelica Ramos Dyrektor Generalny (CEO) Londyn 1 200 000 $
Ashton Cox Młodszy Autor Techniczny Nowy Jork 86 000 $
Bradley Greer Inżynier oprogramowania Londyn 132 000 $

Jak widać Data Table by Supsystic jest doskonałym pomocnikiem w tworzeniu szerokiej gamy różnorodnych tabel. Pozwala szybko i łatwo przetwarzać i zarządzać przyjaznymi dla SEO tabelami danych. Wtyczka Data Tables dla WordPressa jest w stanie uporządkować informacje i może być dostosowana do każdej potrzeby. Istnieje wiele sposobów funkcjonalnej i wizualnej personalizacji tabel, które usprawniają projekt witryny i pozwalają dostosować ją do dowolnej osoby lub zadania.
Dowiedz się więcej o generatorze tabel danych WordPress firmy Sypsystic.