Cele mai bune 10 pluginuri jQuery Table din 2020

Căutați o modalitate de a crea tabele solide cu un aspect sporit cu proprietăți diverse?

Aici, am enumerat 10 plugin-uri jQuery pentru tabelul care vă vor ajuta să faceți acest lucru și multe altele!

A existat o perioadă în care tabelele erau utilizate pe scară largă în conținut și în amenajări web în scopuri diferite. Acum, în acest timp modern, machetele bazate pe tabel sunt în primul rând moarte și abordarea s-a schimbat puțin. Prin urmare, dacă aveți nevoie de tabele pe web, este practic pentru afișarea datelor tabelare ale problemei respective.

Pe măsură ce timpul a trecut, conceptul procesului de demonstrare a mesei s-a schimbat mult. Masa compatibilă cu dispozitivele mobile este acum cererea de timp. Există mult mai multe probleme care au intrat în considerare în zilele noastre. Fiind o parte mai veche a HTML, tabelele nu sunt, în general, cele mai potrivite pentru design-uri centrate pe dispozitive mobile și nici nu oferă, de obicei, nicio funcționalitate avansată imediată. Tabelele sunt practic pentru afișarea datelor dvs. și, pentru unele cazuri de utilizare, este în regulă.

Cu toate acestea, de multe ori este posibil să doriți ca tabelele să fie mai contemporane, cu o perspectivă prietenoasă pentru dispozitive mobile, demonstrând un aspect receptiv sau oferind funcții suplimentare, cum ar fi căutarea, filtrarea, sortarea sau alte funcții avansate. Prin urmare, în această postare, voi trece printr-o selecție de pluginuri bazate pe jQuery pentru a crea, extinde și îmbunătăți orice tip de tabel.

Cele mai bune pluginuri gratuite jQuery Table

Aici, am adunat pentru tine 10 cele mai bune soluții open source de plugin pentru tabel jQuery pe care le poți executa singur paginile tale web, sper că acest lucru te va ajuta și ți-ar plăcea! Să ne aruncăm direct în postare și să descoperim cele mai bune pluginuri pentru tabel jQuery.

1. Dinabil

Pluginul Dynatable jQuery vă oferă control asupra sarcinilor de creare a unui tabel și, desigur, pluginul merită cu siguranță o privire. În unele cazuri, când sunteți pe deplin în JavaScript/jQuery, unele dintre exemple sau documentație vă pot speria.

Prin urmare, folosind Dynatble veți găsi totul destul de gata de utilizat și nu trebuie să vă faceți griji. Totul poate fi configurat și puteți utiliza plugin-ul perfect folosind configurația sa implicită și, cel mai important, nu veți avea nevoie de niciun personalizat pentru a lustrui orice masă.

Un lucru, deși pluginul este relativ vechi, pluginul încă funcționează și oferă o mulțime de funcții cu funcționalități excelente. În plus, pluginul se mândrește cu 70.572 de descărcări și vă oferă o documentație precisă.

Dynatable permite utilizatorilor săi o sortare inteligentă pe o singură sau mai multe coloane și, de asemenea, puteți face clic pe antet o dată pentru a crește, din nou pentru a descrește și din nou pentru a opri sortarea după acea coloană. Aceasta ar putea fi o soluție excelentă pentru a vă îndeplini scopurile.

Informații: interogare personalizată și sortare personalizată.

Obțineți pluginul: site-ul web și GitHub .

2. Tabelul Bootstrap

CSS este încă foarte popular, iar Bootstrap este unul dintre cele mai importante cadre CSS. Pluginul de tabel Bootstrap este un plugin de tabel ușor și bogat în funcții care oferă tu toate funcțiile de care aveți nevoie pentru a efectua lucrări minime de dezvoltare.

Unul dintre cele mai importante lucruri ale pluginului este puterea și domeniul de aplicare al pluginului este uimitor, deoarece vă puteți modifica tabelele pentru a le face pe deplin receptive. În plus, puteți adăuga mai multe funcții precum filtrarea, căutarea, afișarea condiționată a coloanelor și așa mai departe. De asemenea, puteți ascunde coloanele pentru a face tabelul destul de simplu.

Pluginul este întreținut de mie s de contribuabili și are mii de comite. Dezvoltarea pluginului este un proces continuu și este un proiect open-source în evoluție.

Pluginul este excelent din punct de vedere istoric în a oferi suport utilizatorilor săi și a fost repetat continuu pentru a-l face un produs mai bun. Alegerea acestuia ar putea fi o opțiune înțeleaptă pentru tine. Pluginul oferă, de asemenea, o mulțime de extensii pentru a oferi o cantitate extinsă de servicii utile.

Tidbits : Extensie plină de resurse. Se exportă în CSV și JSON.

Obțineți pluginul: site web și demonstrație .

3. jQuery Table Sorter

jQuery Table Sorter este un plugin pentru tabel jQuery care face ca tabelul HTML cu etichete THEAD TBODY să fie sortabil fără reîmprospătare a paginii.

Acest plugin poate analiza și sorta atât de multe tipuri de date, inclusiv date legate într-o celulă. Există o mulțime de caracteristici ale pluginului Table Sorter. Vă permite să sortați mai multe coloane și mai multe corpuri.

Unul dintre cele mai importante aspecte ale pluginului este compatibil cu browsere încrucișate, ceea ce înseamnă că se potrivește simultan cu IE 6.0+, FF2+, Safari 2.0+, Opera 9.0+ și așa mai departe. Puteți avea sistemul de widgeturi folosind pluginul care crește extensibilitatea utilizării.

Puteți vedea pluginul de pe site-ul lor oficial și îl puteți obține de pe Github.

4. DataTables

Acesta este un plugin extins care vă oferă o funcționalitate suplimentară pentru crearea oricăror tabele, cum ar fi sortarea, filtrarea, paginarea și tematica personalizată. Pluginul este diferit de alții și oferă o cantitate cuprinzătoare de documentație, astfel încât să puteți stăpâni crearea tabelului.

Caracteristicile extinse și personalizarea fac pluginul prietenos pentru dezvoltatori. Pluginul oferă nu numai funcționalități versatile, ci și documentație solidă. Integrarea cu cadrele CSS pentru a schimba stilul pluginului este destul de maiestuoasă.

Una dintre părțile interesante ale pluginului este sistemul său de asistență premium prin rapoartele de erori GitHub sau contactul direct cu dezvoltatorul prin forumul de asistență. Mai mult, dacă doriți să integrați DataTables într-un sistem de întreprindere sau ceva critic pentru misiune. În acest caz, puteți achiziționa o licență de întreprindere care da ai sprijin direct din partea dezvoltatorilor.

Într-o abordare generală, pot spune că DataTables vă oferă caracteristici centrate pe dezvoltator cu elementul opțional de suport și asistent.

Obțineți pluginul: site web și demonstrație.

5. Sortabil – Plugin jQuery

Sortable este unul dintre cele mai proeminente plugin-uri jQuery care funcționează practic pentru sortarea tabelelor. Dacă doriți să adăugați orice funcționalitate de sortare, trebuie doar să adăugați acest plugin jQuery și totul va fi făcut! ?

Acest plugin este un plugin open-source care se bazează pe JavaScript și biblioteca CSS. Responsabilitatea principală a pluginului este sortarea tabelelor. Puteți arunca orice script și stil cu 6 teme uimitoare folosind pluginul.

Acest plugin este prietenos cu dispozitivele mobile și conține o amprentă mică și fără dependențe. Este un cross-browser compatibil care poate rula simultan cu IE8+ , Firefox 4+ , Current Webkit (Chrome, Safari) și Opera .

Pentru a implementa pluginul cu mediul dvs., trebuie doar să includeți stiluri și scriptul sursă. Un exemplu de bază de cod este oferit mai jos pentru o mai bună înțelegere.

 <link rel="stylesheet" href="sortable-theme-dark.css" /> <script src="sortable.min.js"></script>

Apoi, adăugați atributul sortabil la tabel și la unele clase.

 <table class="sortable-theme-dark" data-sortable> <!-- ... --> </table>

Acum, vă puteți sorta tabelul fără a reîncărca pagina. Acesta este modul în care poți să se întâmple.

Obțineți pluginul: site web și GitHub.

6. JSON la tabelul Bootstrap

Pluginul JSON To Bootstrap Table jQuery vă permite să Bootstrap tabele receptive din datele fișierului JSON. Pluginul va crea un tabel plin cu date care sunt preluate de la backend.

Acest plugin este un plugin superb care va afișa tabelul de răspuns Bootstrap cu butoane de paginare și acțiune. Trebuie doar să analizați datele dvs. JSON și să le transmiteți pluginului de tabel JSON to Bootstrap și va crea dinamic un tabel.

Folosind acest plugin jQuery puteți specifica dimensiunea paginii, coloana cheii primare, afișați/ascundeți/editați, ștergeți butonul de acțiune etc.

Obțineți pluginul: C odecanyon Site-ul web.

7. TinyTable – plugin jQuery Table

TinyTable este un plugin inteligent de tabel jQuery care este folosit pentru a crea orice fel de tabele receptive. Toate tabelele vor arăta grozav în browserul telefonului mobil/telefon și acest plugin vă va ajuta să vă faceți tabelul în format prietenos pentru dispozitive mobile.

Pluginul va converti automat lățimea tabelului la lățimea maximă a ferestrei browserului. Există o opțiune numită overflow care va păstra tabelul într-un container special și când este afișat pe th e mobil telefonul permite gestul de glisare.

Există o altă opțiune care este să convertiți tabelul într-un tabel cu 2 coloane care extinde site-ul dvs. pe lungimea sa. Mai mult, folosind plugin-ul puteți avea mai multe opțiuni pentru a prezenta mese lungi prin înfrumusețarea acestuia.

Pluginul este compatibil între browsere cu IE9, IE10, IE11, Firefox, Safari, Opera și Chrome etc. Acesta este un plugin jQuery inteligent pe care îl puteți selecta pentru a lucra.

Obțineți pluginul: site-ul web C odecanyon.

8. Tablesaw- Plugin jQuery gratuit

Acesta este un plugin jQuery gratuit care folosește o vizualizare de tabel receptivă cu menținerea rezoluțiilor ecranului de calitate. Este încă o provocare pentru dezvoltatori să mențină un design de masă receptiv cu rezoluția adecvată a ecranului.

Pluginul Tablesaw jQuery include mai multe tipuri de moduri care vă permit să setați modul în care vor răspunde tabelele. O listă scurtă a modurilor este prezentată mai jos:

• Stivă – Acest lucru va permite antetelor de tabel să se stivuească în două aspecte de coloană, cu antete în stânga și date în dreapta. Se întâmplă când fereastra de vizualizare are o lățime mai mică de 40 em sau 640 px.
• Comutare coloane – Permite utilizatorilor să seteze vizibilitatea coloanei.
• Mod de glisare – Utilizarea modurilor de glisare.
• Comutator de mod – Este folosit pentru a comuta între diferite moduri.
• Sortable – Folosit pentru a sorta datele din tabel.
• Chiuveta de bucătărie – Este folosită pentru a combina toate modurile într-o singură unitate.
• Verificați tot - Activează o casetă de selectare care trebuie să folosească comutarea celorlalte casete de selectare dintr-o coloană.

Acest plugin a tăiat muștarul pentru suportul A-grade cu IE9+, Android Browser 2.3 și Blackberry OS 6+.

Obțineți pluginul: GitHub .

9. Tablesorter -jQuery Table Plugin

Pluginul Tablesorter jQuery este un plugin gratuit care este folosit pentru a transforma un tabel HTML standard într-un tabel frumos sortabil. Partea bună a pluginului este că nu trebuie să reîncărcați pagina în timp ce sortați tabelul. Pluginul poate sorta și analiza cu ușurință multe tipuri de date, inclusiv date legate într-o celulă.

Folosind Tablesorter, puteți obține noi îmbogățiri, cum ar fi sortarea alfanumerică, funcții de apel invers pentru pagini, widget-uri multiple, antete lipicioase, aplicație de temă UI, filtre de coloane, și redimensionare, etc.

Tablesorter acceptă Bootstrap V2-4 și are parsere disponibile pentru sortarea textului simplu, URL-uri, numere mobile, numere întregi, monedă, adresă IP, date și ora etc. Puteți, de asemenea, să creați unul personalizat. Plugin-ul este foarte mic în dimensiunea codului, începând cu doar 25k minimizat.

Obțineți pluginul: GitHub .

10. FooTable – plugin jQuery Table

FooTable este un plugin jQuery care face ca tabelul HTML simplu să fie receptiv. Pluginul este jQuery încorporat și funcționează practic cu Bootstrap. Acesta este un plugin inteligent care vă face mesele mai inteligente ca niciodată.

FooTable vă permite să ascundeți anumite coloane pe dispozitive mai mici și să eliminați scalarea tabelului pentru tabelul mare. Prin urmare, utilizatorii pot extinde fiecare rând pentru a vedea conținutul coloanelor ascunse.

Indiferent câte coloane de date aveți în tabelul creat de acest plugin, FooTable transformă toate acele tabele HTML în tabele adaptabile extensibile.

Pluginul facilitează utilizatorilor săi cu 3 teme de tabel gata făcute și pot adăuga CSS personalizat oriunde pe masă. Folosind un selector CSS, puteți viza orice tabel specific de pe site-ul dvs.

Obțineți pluginul: GitHub .

Acestea sunt cele mai influente pluginuri jQuery pe care le puteți avea în timp ce creați orice tabel dinamic pe site-ul dvs. Toate pluginurile enumerate aici urmăresc să funcționeze aproape în același mod pentru a crea tabele. Oricare dintre aceste pluginuri menționate mai sus ar putea fi cea mai bună opțiune pentru dvs.

După ce ați citit postarea, s-ar putea să vă gândiți la orice plugin pentru WordPress care servește aceluiași scop într-un mod cât mai bun. V-aș recomanda Ninja Tables WordPress Plugin , care este construit cu o combinație a bibliotecii jQuery și a cadrului Bootstrap într-o manieră prietenoasă cu WordPress.

Obțineți pluginul Ninja Tables

Concluzie

În cazurile practice, există atât de multe moduri în care poți adăuga tabelele pe site-ul tău, depinde de tine ce tipuri de plugin-uri vrei să folosești în ce platformă. Este posibil să fiți un utilizator non-WordPress sau puteți fi unul.

Dacă sunteți un non-WordPress, puteți utiliza oricare dintre cele menționate mai sus pe listă. Sau dacă sunteți un utilizator WordPress, v-aș sugera insistent să alegeți Ninja Tables fără nicio îndoială.

Dacă utilizați deja oricare dintre ele, anunțați-mi despre experiența dvs. de utilizare a pluginului. Sau dacă nu ați încercat încă, încercați oricare dintre ele. Anunțați-ne despre cerințele dumneavoastră dacă aveți nevoie sau orice sugestii cu privire la subiect.

Dacă sunteți un utilizator WordPress, atunci cu siguranță ați folosi Ninja Tables.