35 Alati, skripte i dodaci za izgradnju prekrasnih HTML tablica
Vizualizacija podataka je ključ za bolje razumijevanje glomaznih ili kompliciranih informacija. Postoji mnogo načina na koje možete vizualizirajte svoje podatke tj. možete dizajnirati cool infographics ili stvoriti interaktivne karte ‐ sve ovisi o vašim podacima i načinu na koji ih želite predstaviti.
Međutim, moj današnji post je isključivo na temu stolova, a nekih stvarno korisne resurse za stvaranje različitih vrsta tablica. Evo 35 savjeta, alata, skripti i dodataka koji vam mogu pomoći u stvaranju raznih tablica za prikazivanje podataka. Dakle, prijeđimo na detaljno raspravljanje o svakom resursu.
Tablica jQuery Isječci
To praktični isječci uz jednostavna objašnjenja vam pomoći u razvoju interaktivnih tablica. Na primjer, ti isječci omogućuju dinamički dodavanje redaka, dohvaćanje vrijednosti stanica itd.
Styling Tables
Niz savjeta i trikova koji učinkovito pomažu u oblikovanju tablica poboljšavajući njihov izgled, tipografiju, poravnavanje teksta i još mnogo toga. Štoviše, također govori o tome dodavanje boja i grafike te prilagođavanje opisa zajedno s drugim aspektima tablice.
Nema više stolova
Isječak koji vam pomaže izraditi tablice s mobilnim odzivom koje svaki red zasebno prikazuju na malim zaslonima. Također možete promijeniti boju, font i veličinu fonta, itd. Pomoću CSS-a.
Tijelo tablice koje se može pomicati
Ovaj trik može učiniti vaše tijelo tablice mogućim za pomicanje - značajka koja se nalazi u većini alata za proračunske tablice kao što su Google Sheets. To znači da možeš popravite zaglavlje tablice i tijelo tablice ili sadržaj će se pomicati, kao i obično, što stol čini vidljivijim nego prije.
Fiksni zaglavlje tablice
Drugi trik kao što je gore jedan, Fixed Table Header pomaže napraviti tablicu s fiksnim zaglavljem i sadržajima koji se mogu pomicati. Možeš prilagodite tablicu s bojama i fontovima, ali ovaj trik nije toliko detaljan i objašnjen kao Scroll-able Table Body.
Označite čistu tablicu CSS-a
Jednostavan trik koji vam omogućuje označite određenu ćeliju na lebdenju - vertikalno i horizontalno. Također, finalni stol je personaliziran s prilagođenim bojama i fontovima. Smatram da je ovaj trik vrlo koristan kada trebate prikazati brojeve na stolu.
TABLEIZER!
TABLEIZER! je online alat koji vam omogućuje stvoriti običan tablice u HTML pomoću podataka iz Excel, Google Sheets, ili bilo koji drugi alat za proračunske tablice. Također možete prilagoditi konačnu tablicu pomoću CSS-a, baš kao i bilo koja druga tablica u HTML-u.
HTML tablični generator
HTML Tablica Generator je jednostavan stolni generator koji vam pomaže kreirajte i prilagodite gotovo svaki aspekt tablice pomoću opcija na zaslonu. Ono što mi se sviđa je da možete ručno izraditi tablicu, prenijeti CSV datoteku ili uvesti podatke iz alata za proračunske tablice kao što je Excel. Tablicu možete oblikovati i odabirom teme iz skupa predložaka.
Quackit HTML tablični generator
Još jedan generator mrežnih tablica koji vam pomaže stvoriti tablice s nizom mogućnosti prilagodbe. Stil opcije uključuju veličinu, boju, granicu, itd. Međutim, opcija za uvoz podataka nedostaje, za razliku od gore navedenog generatora tablica.
Brze tablice Generator tablica HTML
HTML tablica Generator by Rapid Tables je još jedan alat kao što su gore dva alata. Pruža više mogućnosti prilagodbe od gornjeg alata, poput veličine, obruba, boje, poravnanja i još mnogo toga. Međutim, kao i gore navedeni alat, on samo podržava ručno kreiranje tablice i ne dopušta uvoz datoteka ili uzeti podatke iz alata za proračunske tablice kao što je Google Dokumenti.
HTML tablica Styler
Alat za prilagođavanje tablica, HTML tablica Styler, omogućuje vam da stilizirate tablice pomoću opcije na zaslonu koje generiraju CSS za vašu tablicu u HTML-u. Ovaj alat, iznenađujuće, prikazuje prikaz uživo tablice, omogućujući vam da isprobate i isprobate opcije stylinga. Također, nudi teme za brzo oblikovanje stola, koje također možete prilagoditi.
Alati za pretvorbu
Alati za pretvorbu su korisna web-lokacija za svakoga tko se svakodnevno bavi tablicama i proračunskim tablicama. Pomoći će vam pretvoriti HTML tablicu u CSV datoteku, Excel datoteku u HTML tablicu, Excel datoteku u CSV datoteku i napraviti mnogo više konverzija.
HTML tablica u Div Converter
Online konverter alat, HTML tablica Div Div Converter vam omogućuje pretvoriti tradicionalne tablice u div tablice, tj. Tablice kreirane pomoću "div" elemenata. Sve što trebate učiniti je to kopirajte i zalijepite tablicu na njegovu stranicu i pritisnite gumb pretvoriti da biste generirali div tablicu.
Handsontable
Handsontable je inovativna komponenta proračunske tablice za web-aplikacije koji vam omogućuje da brzo razvijete i ponudite proračunske tablice u svojim aplikacijama. Nudi širok raspon značajki kao što je podrška za više okvira, visoke performanse s velikom količinom podataka, potrebne mogućnosti kao što su pretraživanje, filtriranje, itd., omogućujući razvojnim inženjerima da brzo grade.
Dynatable.js
Dodatak za interaktivnu tablicu, Dynatable.js koristi HTML, jQuery i JSON za stvaranje tablica i drugih struktura sličnih tablici. Tablice možete stvarati izravno iz JSON-a i uključiti sve bitne funkcije kao što su pretraživanje, filtriranje, brojanje zapisa i paginacija.
Tablica za podizanje sustava
Bootstrap Table je proširena verzija tablice koja se nudi s Bootstrap. On minimizira vaše vrijeme i trud u stvaranju stolova i pruža odgovarajući dizajn. To donosi značajke poput klizna i fiksna zaglavlja i funkcije poput sortiranja, paginiranja, itd.
List.js
List.js je jednostavan i moćan JavaScript plugin koji vam omogućuje stvaranje popisa i tablice s fleksibilnošću i funkcionalnim značajkama kao što su filtriranje, pretraživanje i sortiranje, itd. Volio sam da je izgrađen pomoću JavaScripta vanilije, tako da ne trebate knjižnicu treće strane.
jExcel
jExcel je lagani jQuery dodatak koji vam omogućuje ugradite bilo koju proračunsku tablicu kompatibilnu s programom Excel u svoju web-stranicu. Dodatak pomaže u stvaranju tablice u obliku Excel, omogućujući vam da premještate, mijenjate veličinu, kopirate, lijepite i radite puno više s podacima o listovima.
DataTables
Iznimno fleksibilan dodatak za jQuery, tablice podataka omogućuje dodavanje naprednih kontrola interakcije bilo kojoj HTML tablici. Pomoći će vam dodavanje numeracije stranica, značajke pretraživanja, tema itd. Također, nudi veliki broj proširenja za dodavanje više funkcionalnosti.
jQuery Bootgrid
jQuery Bootgrid je elegantan i intuitivan dodatak za stvaranje i upravljanje mrežama kao što su tablice. Ona pruža značajke kao što su pretraživanje, paginacija, itd. Uz prilagodljive predloške.
jQuery Tabledit
jQuery-Tabledit je online urednik za Bootstrap kompatibilne HTML tablice koje korisnicima omogućuju uređivanje podataka unutar tablica. Možete dati za prebacivanje između prikaza i načina uređivanja, uključuju gumbe za brisanje i vraćanje i prilagodite tablice pomoću CSS-a.
jsGrid
jsGrid je lagan jQuery dodatak koji pomaže stvoriti i upravljati podatkovnom mrežom. Podržava razne operacije na mrežama kao što su filtriranje, straničenje, sortiranje itd. Također vam omogućuje da prilagodite izgled tablice i podržava internacionalizaciju također.
Pametna tablica
Robustna knjižnica, Smart Table, pomaže vam pretvoriti bilo koju HTML tablicu u pametniju s opcijama poput filtrirajte, pretražujte, sortirajte, itd. To je povezano s više značajki koje pomažu u izgradnji korisne i profesionalne tablice ili mreže s dodacima.
HighchartTable
HighchartTable automatski pretvara HTML tablice u grafikone i grafikone. Idealno je predstaviti projektnu analitiku i statistiku u grafikonima zajedno s numeričkim podacima u tablicama.
TableExport
TableExport je jednostavna biblioteka za izvoz HTML tablice u CSV, TXT ili Excel datoteke. Pomoću ove biblioteke možete jednostavno izraditi tablice pomoću značajke izvoza u datoteku.
Tabulator
Tabulator je jQuery dodatak za stvaranje interaktivnih tablica iz tablice HTML, polja JavaScript, JSON, itd. Podržava gotovo sve standardne funkcije tablice kao što su pretraživanje, sortiranje, filtriranje i sl. te nudi mnoge značajke kao što su teme, povratne pozive i lokalizaciju.
FancyGrid
Mreža knjižnica, FancyGrid omogućuje stvaranje prekrasnih tablica zajedno s grafikonima i grafikonima. Ona podržava mnogo izvora podataka, uključujući JSON, uključuje različite funkcije kao što su sortiranje, pretraživanje, itd., Dopušta tematiziranje i modularizacija, te donosi mnogo više mogućnosti.
KingTable
KingTable omogućuje izgradnju administrativne tablice s minimalnim kodiranjem. Dolazi s izvanrednom količinom značajki, uključujući pretraživanje na strani klijenta ili poslužitelja, sortiranje, filtriranje i uobičajene funkcije. Možete prilagoditi izgled i dojam tablice, dodajte prilagođene filtre i izvezite podatke u različite formate kao što su CSV, JSON i Excel.
stacktable.js
JQuery dodatak za tablice, stacktable.js vam omogućuje pretvoriti bilo koju tablicu širokog izgleda u tablicu s ključem / vrijednosti s 2 stupca. To je idealno rješenje za prikazivanje velikih stolova na malim zaslonima kao što su mobilni uređaji. Također, po potrebi možete složiti redove ili stupce.
Tabella.js
Tabella.js vam pomaže u izgradnji odgovarajućih tablica s fiksnim zaglavljem i pomičnim podacima - čak i horizontalno da biste uključili mnogo mnogo stupaca nego što je to obično moguće. Štoviše, možete uključiti više tablica na istoj stranici i stvoriti višenamjenske tablice.
TablePress
TablePress je fantastičan dodatak za WordPress koji vam omogućuje stvoriti i ugraditi tablice u postove, stranice i tekstne widgete pomoću kratkog koda. Tablice se mogu uređivati u sučelju sličnom proračunskoj tablici i mogu sadržavati sve vrste podataka uključujući i formule. Također možete dodati značajke kao što su pretraživanje i sortiranje i izvoz podataka u različite formate.
Generator tablica podataka od Supsystic
Podaci tablica Generator pomaže u stvaranju i upravljanju tablicama izravno iz admin panela pomoću sučelja za uređivanje tablice. Iznenađujuće, također možete uključiti grafikone i grafikone u tablicama zajedno s opisima, zaglavljem i podnožjem. Ono što smatram zanimljivijim jest da su tablice u potpunosti uređive, kao i da se mogu izvesti u CSV, Excel ili PDF formate.
Tablica cijena Supsystic
Još jedan dodatak Supsystic, tablica određivanja cijena omogućuje vam izradu tablica određivanja cijena bez prepreka. Možeš odaberite predložak, uredite sadržaj cijene i objavite ga na svom WordPressu. Također, tablice stvorene pomoću ovog dodatka odgovaraju, kao i elegantne na svim uređajima.
Magic Liquidizer Responsive Table
Stolni dodatak za WordPress, odgovarajući stol za Magic Liquidizer pretvara bilo koju običnu tablicu u tablicu mobilnog odziva. U tablice možete umetati slike, tekstove itd. I prikazati ih na svim uređajima - čak i onima s malim zaslonima.
Copytables
Copytables je proširenje za Google Chrome koji omogućuje kopiranje tablica s web-stranica. Možeš odaberite ćelije tablice, retke ili stupce na bilo kojoj web stranici i kopirajte ih izravno .
