35 Orodja, skripte in dodatki za izgradnjo lepih tabel HTML

Vizualizacija podatkov je ključ za boljše razumevanje zapletenih ali zapletenih informacij. Obstaja veliko načinov vizualizirajte svoje podatke lahko izdelate kul infografike ali ustvarite interaktivne grafikone ‐ vse je odvisno od vaših podatkov in kako ga želite predstaviti.

Vendar pa je moja današnja objava zgolj na temo tabel in nekaj res uporabnih virov za ustvarjanje različnih vrst tabel. Tu je 35 nasvetov, orodij, skript in vtičnikov, ki vam lahko pomagajo ustvariti različne tabele za predstavitev podatkov. Zato poglejmo podrobno o vsakem viru.

Preglednica jQuery Snippets

To priročni odrezki in enostavne razlage vam pomaga razviti interaktivne tabele. Ti odlomki vam na primer omogočajo dinamično dodajanje vrstic, pridobivanje vrednosti celic itd.

Tabele za oblikovanje

Niz nasvetov in trikov, ki pomagajo učinkovito oblikovati tabele z izboljšanjem njihove postavitve, tipografije, poravnave besedila in še veliko več. Še več, prav tako govori o tem dodajanje barv in grafike ter prilagajanje napisov skupaj z drugimi vidiki tabele.

Ni več tabel

Delček, ki vam pomaga ustvariti tabele mobilnih odzivov, ki prikazujejo vsako vrstico posebej na majhnih zaslonih. Prav tako lahko z uporabo CSS spremenite barvo, velikost pisave in velikost pisave itd.

Pomaknite se na telo tabele

Ta trik lahko naredi vaše telo tabele drsno - funkcija, ki jo najdete v večini orodij za preglednice, kot so Google Preglednice. To pomeni, da lahko popravite glavo tabele in telo tabele ali vsebina se bosta pomikala, kot običajno, tako da je tabela vidnejša kot prej.

Fiksna glava tabele

Še en trik, kot nad enim, Fixed Table Header pomaga izdelati tabelo s fiksno glavo in vsebino, ki jo lahko pomikate. Ti lahko prilagodite tabelo z barvami in pisavami, vendar ta trik ni tako podroben in pojasnjen kot telo za pomikanje.

Označite čisto tabelo CSS

Preprost trik, ki vam omogoča označite določeno celico pri lebdenju - tako vertikalno kot vodoravno. Končna miza je prilagojena barvam in pisavam po meri. Menim, da je ta trik najbolj koristen, ko morate na mizi prikazati številke.

TABLEIZER!

TABLEIZER! je spletno orodje, ki vam omogoča ustvarite navadne tabele v HTML-ju z uporabo podatkov iz programa Excel, Google Sheets, ali katero koli drugo orodje za preglednice. Končno tabelo lahko prilagodite tudi s pomočjo CSS-ja, tako kot vse druge tabele v HTML-ju.

Generator tabel HTML

HTML tabela Generator je preprost tabela generator, ki vam pomaga ustvarite in prilagodite skoraj vse vidike tabele z možnostmi na zaslonu. Všeč mi je, da lahko ročno ustvarite tabelo, prenesete datoteko CSV ali uvozite podatke iz orodja za preglednice, kot je Excel. Tabelo lahko oblikujete tudi tako, da izberete temo iz niza predlog.

Quackit HTML tabela Generator

Še en generator spletnih tabel, ki vam pomaga ustvariti tabele z nizom možnosti prilagajanja. Styling možnosti vključujejo velikost, barvo, obrobo, itd možnost za uvoz podatkov manjka, za razliko od zgornjega tabelarnega generatorja.

Hitre tabele Generator tabel HTML

HTML tabela Generator z Rapid Tables je še eno orodje, kot zgornji dve orodje. Zagotavlja več možnosti prilagajanja kot zgornje orodje, kot je velikost, obroba, barva, poravnava in še nekaj več. Vendar, kot zgoraj navedeno orodje, le podpira ročno ustvarjanje tabele in ne dovoljuje uvoza datotek ali vzeti podatke iz orodja za preglednice, kot je Google Dokumenti.

Tabela HTML Styler

Orodje za prilagajanje tabel, tabelo HTML Styler, vam omogoča uporabo slogov tabel možnosti na zaslonu, ki ustvarjajo CSS za tabelo v HTML-ju. To orodje, presenetljivo, prikazuje predogled tabele v živo, kar vam omogoča, da preizkusite in preizkusite možnosti oblikovanja. Prav tako ponuja teme za hitro oblikovanje stola, ki jih lahko tudi prilagodite.

Orodja za pretvorbo

Orodja za pretvorbo je uporabna spletna stran za vsakogar, ki se vsakodnevno ukvarja s tabelami in preglednicami. Pomaga vam pretvoriti tabelo HTML v datoteko CSV, datoteko Excel v tabelo HTML, datoteko Excel v datoteko CSV in narediti veliko več konverzij.

Tabela HTML za pretvornik Div

Spletno orodje za pretvorbo, pretvornik tabel za pretvorbo HTML vam omogoča pretvorbo tradicionalnih tabel v div tabele, t.j. tabele, ustvarjene z elementi "div". Vse kar morate storiti je kopirajte in prilepite tabelo na njeno stran in pritisnite gumb za pretvorbo, da ustvarite tabelo div.

Handsontable

Handsontable je inovativna komponenta preglednic za spletne aplikacije ki vam omogoča, da hitro razvijete in ponudite preglednice v aplikacijah. Ponuja široko paleto funkcij, kot je podpora za več okvirov, visoka zmogljivost z veliko količino podatkov, potrebne zmogljivosti, kot so iskanje, filtriranje itd., ki razvijalcem omogoča hitro gradnjo.

Dynatable.js

Vtičnik za interaktivno tabelo, Dynatable.js uporablja HTML, jQuery in JSON za ustvarjanje tabel in drugih struktur, podobnih tabeli. Tabele lahko ustvarite neposredno iz JSON-a in vključite vse bistvene funkcije, kot so iskanje, filtriranje, število zapisov in paginacija.

Tabela zagona

Bootstrap tabela je razširjena različica tabele, ki jo ponuja Bootstrap. Zmanjšuje vaš čas in trud pri ustvarjanju tabel in zagotavlja odzivno oblikovanje. To prinaša funkcije, kot so glave in funkcije, kot so sortiranje, paginiranje, itd.

List.js

List.js je preprost in zmogljiv plugin JavaScript, ki vam omogoča ustvarjanje seznamov in tabele s prilagodljivostjo in funkcionalnimi funkcijami, kot so filter, iskanje in razvrščanje, Všeč mi je bilo, da je zgrajena z uporabo vanilijevega JavaScripta, zato ne potrebujete knjižnice tretjih oseb.

jExcel

jExcel je lahek vtičnik jQuery, ki vam omogoča v svojo spletno stran vdelate katero koli preglednico, združljivo z Excelom. Vtičnik pomaga pri ustvarjanju tabele, podobne Excelu, s tem, da omogoča premikanje, spreminjanje velikosti, kopiranje, lepljenje in še veliko več s podatki o listih.

Podatkovni tabeli

Zelo prilagodljiv vtičnik za jQuery, tabele podatkov vam omogoča dodajanje naprednih kontrolnikov interakcije v katero koli tabelo HTML. Pomaga vam pri dodajanju strani, funkciji iskanja, temah itd. Omogoča tudi veliko število razširitev za dodajanje več funkcij.

jQuery Bootgrid

jQuery Bootgrid je eleganten in intuitiven plugin za ustvarjanje in upravljanje omrežij, kot so tabele. Zagotavlja funkcije, kot so iskanje, paginacija itd. Skupaj s prilagodljivimi predlogami.

jQuery-Tabledit

jQuery-Tabledit je spletni urejevalnik za tabele kompatibilnih s programom Bootstrap, ki uporabnikom omogoča urejanje podatkov v tabelah. Lahko zagotovite za preklop med prikazom in načinom urejanja, vključujejo gumbe za brisanje in obnovitev ter prilagodite tabele s pomočjo CSS.

jsGrid

jsGrid je lahek plugin jQuery, ki pomaga ustvarjanje in upravljanje podatkovnih mrež. Podpira različne operacije na omrežjih, kot so filtriranje, ostranjenje, razvrščanje itd. Omogoča tudi prilagajanje videza tabele in podpira internacionalizacijo prav tako.

Pametna tabela

Robustna knjižnica, pametna tabela, vam pomaga pretvoriti katero koli tabelo HTML v pametnejšo z možnostmi, kot je filter, iskanje, razvrščanje, itd. To je povezano z več funkcijami, ki pomagajo zgraditi uporabno in profesionalno preglednico ali podatkovno mrežo s svojimi vtičniki.

HighchartTable

HighchartTable samodejno pretvori tabele HTML v grafikone in grafe. Idealno je predstaviti projektno analitiko in statistiko v grafih skupaj z numeričnimi podatki v tabelah.

Izvoz tabele

TableExport je preprosta knjižnica izvozite tabelo HTML v datoteke CSV, TXT ali Excel. Z uporabo te knjižnice lahko preprosto izdelate tabele s funkcijo izvoza v datoteko.

Tabulator

Tabulator je vtičnik jQuery za ustvarjanje interaktivnih tabel iz tabele HTML, polja JavaScript, JSON, itd. Podpira skoraj vse standardne funkcije tabel, kot so iskanje, razvrščanje, filtriranje itd. in ponuja številne funkcije, kot je teme, povratni klici in lokalizacija.

FancyGrid

Omrežna knjižnica, FancyGrid vam omogoča ustvarjanje lepih tabel skupaj z grafikoni in grafikoni. Podpira veliko podatkovnih virov, vključno z JSON, vključuje različne funkcije, kot so razvrščanje, iskanje itd modularizacijo in prinaša veliko več funkcij.

KingTable

KingTable vam omogoča gradnjo administrativne tabele z minimalnim kodiranjem. Na voljo je izjemno število funkcij, vključno z iskanjem odjemalca ali strežnika, razvrščanjem, filtriranjem in bolj pogostimi funkcijami. Videz in občutek tabele lahko prilagodite, dodajte filtre po meri in izvozite podatke v različne formate, kot so CSV, JSON in Excel.

stacktable.js

Vtičnik jQuery za tabele, stacktable.js vam omogoča pretvorite vsako pregledno preglednico v tabelo z dvema stolpcema. Je idealna rešitev za prikazovanje velikih tabel na majhnih zaslonih, kot je to pri mobilnih napravah. Prav tako lahko po potrebi zložite vrstice ali stolpce.

Tabella.js

Tabella.js vam pomaga zgraditi odzivne tabele s fiksnimi glavami in drsnimi podatki - tudi vodoravno, da vključite veliko število stolpcev, kot je običajno mogoče. Poleg tega lahko na isti strani vključite več tabel in ustvarite večnamenske tabele.

TablePress

TablePress je fantastičen plugin za WordPress, ki vam omogoča ustvarite in vdelajte tabele v objave, strani in besedilne pripomočke s kratko kodo. Tabele je mogoče urejati v vmesniku, podobnem preglednici, in lahko vsebujejo vse vrste podatkov, vključno z formulami. Dodate lahko tudi funkcije, kot so iskanje in razvrščanje ter izvoz podatkov v različne formate.

Generator podatkovnih tabel s Supsystic

Generator podatkovnih tabel pomaga pri ustvarjanju in upravljanju tabel neposredno iz skrbniške plošče z uporabo urejevalnika tabel. Presenetljivo lahko vključite tudi grafikoni in grafikoni v tabelah skupaj z napisi, glavo in nogo. Menim, da so zanimive tabele, ki jih je mogoče v celoti urediti, kot tudi v obliki CSV, Excel ali PDF.

Preglednica cen Supsystic

Še en vtičnik Supsystic, tabela za določanje cen vam omogoča ustvarjanje tabel za določanje cen brez ovir. Ti lahko izberite predlogo, uredite vsebino za oblikovanje cen in jo objavite v WordPressu. Tudi tabele, ustvarjene s tem vtičnikom, so odzivne in elegantne na vseh napravah.

Magic Liquidizer Responsive Table

Vtičnik za WordPress, odzivna tabela Magic Liquidizer spremeni vsako običajno tabelo v mobilno odzivno tabelo. V tabele lahko vstavljate slike, besedila itd. In jih prikažete na vseh napravah - tudi tistih z majhnimi zasloni.

Kopiranje

Kopiranje je razširitev za Google Chrome, ki omogoča kopiranje tabel s spletnih strani. Ti lahko izberite celice tabele, vrstice ali stolpce na kateri koli spletni strani in jih neposredno kopirajte .