Twórz czytelne tabele z różnymi opcjami tabeli danych
Opublikowany: 2016-04-12Tabele 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 | 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 | 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.