DataTablesia käytetään usein interaktiivisten taulukkoluetteloiden luomiseen. Tämä auttaa parantamaan HTML-taulukoitujen tietojen käytettävyyttä. jQuery-laajennus on vankka, intuitiivinen ja helppokäyttöinen. Se voi etsiä, lajitella ja sivuuttaa ilman laajoja määrityksiä. Siinä on asiakas- ja palvelinpuolen käsittelyominaisuudet.

Datataulukot ovat siksi erittäin kätevä työkalu. Mitä vaihtoehtoja DataTablesille on saatavilla? Yksi mahdollisuus on wpDataTables. Tämä on WordPressin laajennus, mikä saattaa tehdä siitä sopimattoman joillekin.

Seuraavassa artikkelissa esitellään kaksitoista vaihtoehtoa, kun DataTables ei ole optimaalinen valinta.

DataTablesin vaihtoehtoiset vaihtoehdot

wpDataTables

wpDataTables on suosittu tiedonhallinnan WordPress-taulukkolaajennus. Tämä Datatables-vaihtoehto käsittelee taulukoita ja kaavioita kauniisti ja on helppokäyttöinen. Tätä laajennusta käytetään kaupallisten, taloudellisten, tieteellisten ja tilastollisten tietojen julkaisemiseen.

wpDataTables auttaa sinua saamaan reagoivia WordPress-taulukoita riippumatta siitä, millä laitteilla katselet niitä. Suuri etu on kyky hallita sitä WordPress-hallintapaneelin kautta. Se voi käsitellä tietoja eri muodoissa ja on yhteensopiva Excel-, CSV-, JSON- ja XML-tiedostojen sekä MySQL-kyselyiden kanssa.

wpDataTables voi käsitellä suuria tietojoukkoja. wpDataTables sisältää täydellisen dokumentaation, joka auttaa saamaan kaiken irti tästä laajennuksesta. Käyttäjät voivat muokata taulukoita mielensä mukaan, mukaan lukien fontit ja värit.

Jotkut wpDataTablesin ominaisuuksista ovat:

Sarakkeiden ja rivien lisääminen ja poistaminen
Median lisääminen
Tähtiluokitus lisätty
Solun muotoilu
Muokattu HTML
Muokattavat linkit
Excel-tyyppinen ulkoasu ja toiminnot
Solujen yhdistäminen
Sarakkeiden ja rivien koon muuttaminen ja järjestyksen muuttaminen
Responsiivinen
Kumoa ja tee uudelleen -toiminnot
Lyhyt koodi

ZingGrid

ZingGrid on toinen DataTables-vaihtoehto. Se on suunniteltu lisäämään interaktiivisia tietotaulukoita verkkosovelluksiin. Tämä on JavaScript-verkkokomponenttikirjasto. Se on yhteensopiva myös muiden kehysten kanssa, kuten Angular, jQuery, React ja Vue.

Käyttäjät voivat luoda laajan valikoiman taulukoita ZingGridillä, ja tähän työkaluun on pakattu monia toimintoja. Näitä ovat mahdollisuus asettaa mukautettuja sarakkeita ja luoda yksityiskohtaista taulukkoa. Se tarjoaa myös seuraavat:

Aggregointi
CRUD-toiminto
Helppo integrointi
Esitys
Etä- ja inline-tiedot
Rikas API
Palvelimen ominaisuudet
Palvelinpuolen renderöinti
Staattinen ja dynaaminen data

List.js

Kehittäjä Jonny Strömbergin mukaan joitakin List.js:n ydinideoita oli, että sen tulisi olla pieni, nopea, joustava ja toimiva itsenäisesti. Tämä Vanilla Javascript -pohjainen kirjasto on tehokas ja lisää haku- ja lajitteluvaihtoehtoja. Se myös lisää suodattimia tavallisiin HTML-luetteloihin, taulukoihin ja muuhun tietosisältöön.

Koska se on niin pieni, sitä tuskin huomaa, mikä tekee sen voimasta entistä vaikuttavamman. Tiedon muodolla ei juurikaan ole väliä, mutta se sopii erityisen hyvin HTML-elementteihin.

Joitakin List.js:n kohokohtia ovat:

Joustavuus: se toimii melkein missä tahansa.
Lisää haun
Lisää lajittelua
Lisää suodattimia
Yksinkertainen mallijärjestelmä
Lisää mahdollisuuden lisätä, muokata, poistaa kohteita
Lisäosat Chromelle, Firefoxille, IE6+:lle ja Safarille

Tab

Tabulator on myös erittäin monipuolinen jQuery-laajennus. Se luo interaktiivisia taulukoita JSON- ja HTML-lähteistä.

Tabulatorissa on monia mielenkiintoisia ominaisuuksia, ja se tarjoaa hyvää dokumentaatiota, joka auttaa käyttäjää löytämään paikan. Tabulator-verkkosivusto tarjoaa kaiken tarvittavan tiedon sekä monia esimerkkejä.

Sen tuottamat pöydät ovat erittäin muokattavissa. Se voi ryhmitellä useita rivejä yhden otsikon alle, luoda työkaluvihjeitä, sivuttaa ja paljon muuta.

Tässä on joitain Tabulatorin pääominaisuuksista:

Sarakkeiden leveyden säätäminen
Tietojen lataaminen suoraan taulukosta
Suodatus
Muotoilu
Pysäytä tiedot
Lajittelu

jqGrid

jqGrid on Ajax-yhteensopiva JavaScript-työkalu taulukkomuotoisten tietojen julkaisemiseen verkossa. Ajaxin kautta Gurrido tarjoaa asiakaspuolen ratkaisun, joka lataa tietoja takaisinsoittojen kautta. Se toimii useiden palvelinpuolen tekniikoiden kanssa, kuten ASP, ColdFusion, Java Servlets, JSP, Perl ja PHP. jqGrid toimii jQueryn liitännäisenä.

jqGrid JS:n etuna on selainyhteensopivuus. Se tukee mobiiliselaimia, Safaria ja Internet Explorerin versiota 8 ja uudempia. Tämä joustavuus on erittäin tärkeää kehittäjille, ja sitä testataan säännöllisesti kaikilla markkinoiden tärkeimmillä selaimilla.

Se julkaistiin Creative Commons -lisenssillä. Tämä tekee jqGridistä saatavilla kaikille voittoa tavoittelemattomille, koulu- ja kotisovelluksille.

Tärkeimmät ominaisuudet ovat:

Solun muokkaus
Lomakkeen muokkaus
Ilmainen ei-kaupallisiin tarkoituksiin
Pylväiden jäätyminen
Ryhmittely
Sisäänrakennettu muokkaus
jQuery-käyttöliittymän integrointi
Monialustainen
Avoin lähdekoodi
Haku ja suodatus
Subgrids ja master-detail
Virtuaalinen vieritys

jQuery Table Sorter

jQuery Table Sorter on myös DataTables-vaihtoehto. Se on myös jQueryn laajennus. Se tuottaa taulukoita HTML-muodossa ja lisää siihen THEAD- ja TBODY-elementtejä. Tämä tekee taulukoista lajiteltavia ilman, että sivua tarvitsee jatkuvasti päivittää.

Tämä laajennus on erittäin joustava ja voi jäsentää ja lajitella monenlaisia tietoja. Se pystyy jopa käsittelemään linkitettyä dataa solussa. Se voi lisätä taulukkoon usean sarakkeen ja monirunkoisen lajittelun.

Lisäksi tämä laajennus näyttää erinomaisen yhteensopivuuden eri selainten kanssa. Se toimii muun muassa Internet Explorer 6.0+, Firefox 2+, Opera 9.0+ ja Safari 2.0+ kanssa. Se tarjoaa laajennettavuuden widget-järjestelmän kautta.

FooTable

Bootstrap-pohjainen laajennus jQuerylle, jonka reagointikyky on suuri plussa.

Responsiivisten interaktiivisten taulukoiden tuottamiseksi FooTable tekee kaksi ainutlaatuista asiaa. Ensinnäkin se piilottaa tietyt sarakkeet resoluutiosta riippuen. Nämä sarakkeet perustuvat CSS:ssä asetettuihin keskeytyskohtiin. Toinen asia, jonka se tekee, on lisätä laajennettavia rivejä, jotka voivat näyttää piilotetut tiedot.

FooTable on helppo asentaa, eikä ensimmäisten pöytäsi tuottaminen vie kauan. Se käyttää Bootstrapia, ja siitä on versio, joka näyttää samalta kuin nykyinen Bootstrap-teema. FooTable tarjoaa myös erillisen version, joka ei vaadi Bootstrapin erillistä käyttöä. Ladattava paketti sisältää yksittäisen komponentin ja erillisen version.

Webix Datataulukko

Webixin DataTable tai DataGrid on JS-ruudukon ohjaus. Se on rakennettu kekseliäälle HTML5-lähestymistapalle, ja se on erittäin tehokas ja käyttää uusimpia verkkokehitystrendejä. Se voi toimia pienten yksinkertaisten pöytien ja suurten monimutkaisten pöytien kanssa ilman vaikeuksia. Siinä on monia ominaisuuksia ja asetuksia, joiden avulla käyttäjä voi tehdä minkä tahansa tarvitsemansa taulukon. Sisäänrakennettu Deep-optimointi tekee DataTablesta yhden nopeimmista saatavilla olevista ratkaisuista.

Jotkut sen pääominaisuuksista ovat:

Angular-, Backbone-, jQuery-, React- ja Vue.js-integraatio
Yhteensopivuus Ready for Touch -laitteiden kanssa
Nopea CSS-tyyli
Esimerkkejä .NET-, Node.js- ja PHP-integraatiosta
§ 508 noudattaminen
Tuki kaikille yleisille selaimille

Handsonable

Handsontable on minimalistinen dataruudukkoeditori. Sillä on tuttu Excel-tyyppinen ulkoasu ja se toimii HTML-, JavaScript- ja jQuery-verkkosovelluksissa. Sen käyttö on erittäin helppoa, intuitiivista ja tarjoaa optimaalisen muokattavuuden. Yksinkertaisesta ulkonäöstään huolimatta se pystyy käsittelemään suuria tietomääriä ilman ongelmia.

Tällä hetkellä tuhannet asiakkaat käyttävät Handsontablea ja määrä kasvaa nopeasti.

Joitakin korostettuja ominaisuuksia ovat:

Puhdas JavaScript-pohjainen
Tavallinen Excel-ulkoasu ja toiminnot
Helppo räätälöinti
Käyttää JSON-muotoa

Datataulukon kirjoittaminen

Frappe DataTable rakennettiin ERPNextille ja siitä on kehittynyt puhdas ja interaktiivinen ohjelma. Tämä DataTables-kirjasto voi työskennellä useiden rivien kanssa ilman suorituskykyongelmia. Se on yksinkertainen, moderni ja interaktiivinen DataTable-kirjasto taulukkotietojen näyttämiseen. Siinä on perustietoruudukon toimintoja, kuten upotettu muokkaus ja näppäimistönavigointi.

Se toimii itsenäisesti jQuerysta. Tämä tekee Frappesta poikkeuksen valittujen DataTables-vaihtoehtojen joukossa.

Jotkut lisäominaisuuksista ovat:

Solun kopiointi
Solueditori
Sarakkeiden uudelleenjärjestäminen
Sarakkeen koon muuttaminen
Sarakkeiden lajittelu
Mukautetut toiminnot
Mukautettu muotoilu
Joustava asettelu
Sisäänrakennettu muokkaus
Näppäimistön navigointi
Hiiren valinta
Pylväiden poisto ja piilottaminen

Bootstrap-taulukko

Bootstrap on pieni pöytälaajennus. Se on monipuolinen ja tarjoaa kaiken taulukkoesitysten julkaisemiseen. Se on kevyt, mutta tehokas tuottamaan reagoivia interaktiivisia taulukoita.

Bootstrap Tablea ylläpitää tuhansien kehittäjien ja käyttäjien yhteisö. Tämä yhteisö on hieno, koska se tarjoaa tukea kaikille käyttäjille ympäri maailmaa.

Joitakin Bootstrap Tablen merkittäviä ominaisuuksia ovat:

AJAX-virtalähde
Yhteensopiva JSONin kanssa
Täysin konfiguroitavissa
Tehokas sivutus
Responsiivinen web-suunnittelu
Hae
Vieritettävät taulukot kiinteillä otsikoilla
Yksinkertainen sarakkeiden lajittelu

Lajiteltava – jQuery Plugin

Sortable on tämän artikkelin viimeinen Datatables-vaihtoehto. Se on tunnettu jQuery-laajennus, josta on tulossa yhä suositumpi. Sen päätehtävä on lisätä lajittelumahdollisuutta mihin tahansa taulukkoon. Tämä avoimen lähdekoodin laajennus on JavaScript-pohjainen ja käyttää CSS-kirjastoja.

Se toimii erittäin helposti. Käyttäjien tarvitsee vain lisätä laajennus aloittaakseen sen käytön. Se sisältää kuusi houkuttelevaa teemaa, joiden avulla käyttäjä voi luoda minkä tahansa käsikirjoituksen ja tyylin.

Lisäetuja ovat, että se on mobiiliystävällinen ja että se on yhteensopiva eri selaimien kanssa. Sitä voidaan käyttää Internet Chromessa, Explorer 8+, Firefox 4+, Operassa ja Safarissa. Plugin itsessään on pieni eikä vaadi lisäohjelmistoa toimiakseen.

Päätetään ajatukset näistä DataTables-vaihtoehdoista

DataTables on erittäin suosittu työkalu interaktiivisten taulukoiden luomiseen verkossa julkaistavaksi. Suosiosta huolimatta se ei ole aina kätevin valinta. Tässä artikkelissa esiteltiin muita Datataulukoiden vaihtoehtoja.

Jos pidit tämän artikkelin lukemisesta DataTables-vaihtoehdosta, sinun kannattaa tutustua tähän WordPress-taulukkogeneraattorilaajennuksista.

Kirjoitimme myös muutamista aiheeseen liittyvistä aiheista, kuten JavaScript-taulukkokirjastosta , Premier League -taulukon luomisesta, WordPress-taulukkolaajennuksista, taulukon luomisesta WordPressiin ilman laajennusta, taulukon lisäämisestä WordPressiin ja WordPressin hinnoittelutaulukkolaajennuksiin.

: wpdatatables.com