DataTables används ofta för att skapa interaktiva tabelllistor. Detta hjälper till att förbättra tillgängligheten för HTML-tabulerad data. Plugin-programmet jQuery är robust, intuitivt och lätt att använda. Utan behov av omfattande konfiguration kan den söka, sortera och paginera. Den har bearbetningsmöjligheter på klientsidan och serversidan.

Datatabeller är därför ett mycket praktiskt verktyg. Vilka alternativ finns tillgängliga för DataTables? En möjlighet är wpDataTables. Detta är ett plugin för WordPress, vilket kan göra det olämpligt för vissa.

Följande artikel presenterar tolv alternativ när DataTables inte är det optimala valet.

Alternativa alternativ för datatabeller

wpDataTables

wpDataTables är ett populärt WordPress-tabellplugin för datahantering. Detta Datatables-alternativ hanterar tabeller och diagram vackert och är lätt att använda. Denna plugin används för kommersiell, finansiell, vetenskaplig och statistisk datapublicering.

wpDataTables hjälper dig att få responsiva WordPress-tabeller, oavsett vilken enhet du ser dem från. En stor fördel är möjligheten att hantera det via WordPress-instrumentpanelen. Den kan behandla data i olika format och är kompatibel med Excel-, CSV-, JSON- och XML-filer och MySQL-frågor.

wpDataTables kan hantera stora datamängder. wpDataTables kommer med en komplett dokumentation som hjälper till att få ut det mesta av detta plugin. Användare kan anpassa tabellerna efter eget tycke, inklusive typsnitt och färger.

Några av funktionerna i wpDataTables är:

Lägga till och ta bort kolumner och rader
Lägger till media
Tillägg av stjärnbetyg
Cellformatering
Anpassad HTML
Anpassningsbara länkar
Excel-liknande layout och funktioner
Slår ihop celler
Ändra storlek och omordning av kolumner och rader
Mottaglig
Funktionen Ångra och Gör om
Kortkod

ZingGrid

ZingGrid är ett annat DataTables-alternativ. Den är designad för att lägga till interaktiva datatabeller i webbapplikationer. Detta är ett JavaScript-webbkomponentbibliotek. Den är också kompatibel med andra ramverk som Angular, jQuery, React och Vue.

Användare kan skapa en mängd olika tabeller med ZingGrid och många funktioner är packade i detta verktyg. Dessa inkluderar möjligheten att ställa in anpassade kolumner och skapa en detaljerad tabell. Den erbjuder även följande:

Aggregation
CRUD-funktionalitet
Enkel integration
Prestanda
Fjärr- och inbyggd data
Rich API
Serverfunktioner
Rendering på serversidan
Statisk och dynamisk data

List.js

Enligt utvecklaren Jonny Strömberg var några av kärnidealen för List.js att den skulle vara liten, snabb, flexibel och fungera självständigt. Detta Vanilla Javascript-baserade bibliotek är kraftfullt och lägger till sök- och sorteringsalternativ. Den lägger också till filter i vanliga HTML-listor, tabeller och annat datainnehåll.

Eftersom den är så liten märks den knappt, vilket gör dess kraft desto mer imponerande. Dataformatet spelar knappast någon roll, men det är särskilt väl lämpat för HTML-element.

Några höjdpunkter i List.js är:

Flexibilitet: det fungerar på nästan vad som helst.
Lägger till sökning
Lägger till sortering
Lägger till filter
Ett enkelt mallsystem
Lägger till möjligheten att lägga till, redigera, ta bort objekt
Plugins för Chrome, Firefox, IE6+ och Safari

Flik

Tabulator är också en mycket mångsidig jQuery-plugin. Den skapar interaktiva tabeller från JSON- och HTML-källor.

Tabulator har många intressanta funktioner och ger bra dokumentation för att hjälpa användaren att hitta rätt. Tabulator-webbplatsen erbjuder all nödvändig information tillsammans med många exempel.

Borden som den producerar är mycket anpassningsbara. Det kan gruppera flera rader under en rubrik, skapa verktygstips, paginera och mycket mer.

Det här är några av huvudfunktionerna i Tabulator:

Justering av kolumnbredder
Laddar ner data direkt från tabellen
Filtrering
Formatering
Frys data
Sortering

jqGrid

jqGrid är ett Ajax-aktiverat JavaScript-verktyg för webbpublicering av tabelldata. Genom Ajax tillhandahåller Gurrido en lösning på klientsidan som laddar data genom återuppringningar. Det fungerar med en mängd olika server-side-teknologier som ASP, ColdFusion, Java Servlets, JSP, Perl och PHP. jqGrid fungerar som ett plugin för jQuery.

jqGrid JS har fördelen av webbläsarkompatibilitet. Den stöder mobila webbläsare, Safari och Internet Explorer version 8 och senare. Denna flexibilitet är mycket viktig för utvecklarna, och den testas regelbundet på alla de viktigaste webbläsarna på marknaden.

Den publicerades under en Creative Commons-licens. Detta gör jqGrid tillgängligt för alla ideella, skola och hemapplikationer.

Huvudfunktionerna är:

Cellredigering
Formulärredigering
Gratis för icke-kommersiella ändamål
Frysning av kolumner
Gruppering
Inline redigering
jQuery-användargränssnittsintegration
Multiplattform
Öppen källa
Sökning och filtrering
Subgrids och master-detalj
Virtuell rullning

jQuery tabellsorterare

jQuery Table Sorter är också ett DataTables-alternativ. Det är också ett plugin för jQuery. Den producerar tabeller i HTML-format och lägger till THEAD- och TBODY-element till den. Detta gör tabellerna sorterbara utan att sidan behöver uppdateras kontinuerligt.

Denna plugin är mycket flexibel och kan analysera och sortera många typer av data. Den kan till och med bearbeta länkad data i en cell. Den kan lägga till sortering med flera kolumner och flera kroppar till en tabell.

Dessutom visar detta plugin stor kompatibilitet med olika webbläsare. Den fungerar bland annat med Internet Explorer 6.0+, Firefox 2+, Opera 9.0+ och Safari 2.0+. Det erbjuder utökbarhet via ett widgetsystem.

Fotbord

En Bootstrap-baserad plugin för jQuery, med dess lyhördhet som ett stort plus.

För att producera responsiva interaktiva tabeller gör FooTable två unika saker. För det första döljer det vissa kolumner, beroende på upplösningen. Dessa kolumner är baserade på brytpunkter som ställts in i CSS. Det andra det gör är att lägga till expanderbara rader som kan visa dolda data.

FooTable är lätt att sätta upp och det tar inte lång tid att producera dina första bord. Den använder Bootstrap och det finns en version som har samma utseende som det nuvarande Bootstrap-temat. FooTable erbjuder också en fristående version som inte kräver separat användning av Bootstrap. Det nedladdningsbara paketet innehåller den enskilda komponenten och den fristående versionen.

Webix DataTable

DataTable, eller DataGrid, av Webix, är en JS-rutnätskontroll. Byggd på en uppfinningsrik HTML5-metod, den är mycket kraftfull och använder de senaste webbutvecklingstrenderna. Det kan fungera med små enkla bord och stora komplexa utan några svårigheter. Den presenterar många funktioner och inställningar som gör det möjligt för användaren att göra vilken typ av bord de behöver. Den inbyggda Deep-optimeringen gör DataTable till en av de snabbaste lösningarna som finns.

Några av dess huvudfunktioner är:

Angular, Backbone, jQuery, React och Vue.js integration
Kompatibilitet med Ready for Touch-enheter
Snabb CSS-styling
Exempel på integration med .NET, Node.js och PHP
Avsnitt 508 efterlevnad
Stöd för alla vanliga webbläsare

Handsontable

Handsontable är en minimalistisk datarutnätsredigerare. Den har ett välbekant Excel-liknande utseende och fungerar för HTML, JavaScript och jQuery webbappar. Användningen är mycket enkel, intuitiv och ger optimal anpassningsbarhet. Trots sitt enkla utseende klarar den stora datamängder utan problem.

För närvarande använder tusentals kunder Handsontable och detta antal växer snabbt.

Några markerade funktioner är:

Rent JavaScript-baserat
Vanligt Excel utseende och funktioner
Enkel anpassning
Använder JSON-format

Skriver DataTable

Frappe DataTable byggdes för ERPNext och har utvecklats till ett rent och interaktivt program. Detta DataTables-bibliotek kan arbeta med ett stort antal rader utan att uppleva prestandaproblem. Det är ett enkelt, modernt och interaktivt DataTable-bibliotek för att visa tabelldata. Den har grundläggande datarutnätsfunktioner, som inline-redigering och tangentbordsnavigering.

Det fungerar oberoende av jQuery. Detta gör Frappe till ett undantag bland de valda DataTables-alternativen.

Några av de extra funktionerna är:

Cellkopiering
Cellredigerare
Omordning av kolumner
Ändra storlek på kolumn
Kolumnsortering
Anpassade åtgärder
Anpassad formatering
Flexibel layout
Inline redigering
Tangentbordsnavigering
Val av mus
Borttagning och döljning av kolumner

Bootstrap bord

Bootstrap är ett litet bordsplugin. Den är rik på funktioner och ger allt för att publicera tabellpresentationer. Den är lätt, men kraftfull när det gäller att producera responsiva interaktiva tabeller.

Bootstrap Table underhålls av en gemenskap med tusentals utvecklare och användare. Denna gemenskap är fantastisk eftersom den ger support för alla användare runt om i världen.

Några anmärkningsvärda funktioner i Bootstrap Table inkluderar:

AJAX-driven
Kompatibel med JSON
Fullt konfigurerbar
Kraftfull paginering
Responsiv webbdesign
Sök
Rullbara tabeller med fasta rubriker
Enkel kolumnsortering

Sorterbar – jQuery Plugin

Sorterbart är det sista datatabellalternativet från den här artikeln. Det är ett välkänt jQuery-plugin som blir mer och mer populärt. Dess huvudsakliga funktion är att lägga till sorterbarhet till alla typer av tabeller. Detta plugin med öppen källkod är JavaScript-baserat och använder CSS-bibliotek.

Det fungerar väldigt enkelt. Användare behöver bara lägga till plugin för att börja använda den. Den innehåller sex attraktiva teman som gör att användaren kan skapa vilket manus och stil som helst.

Ytterligare fördelar är att den är mobilvänlig och att den är kompatibel med olika webbläsare. Den kan köras på Internet Chrome, Explorer 8+, Firefox 4+, Opera och Safari. Insticksprogrammet i sig är litet och kräver ingen extra programvara för att köras.

Avslutande tankar om dessa DataTables-alternativ

DataTables är ett mycket populärt verktyg för att skapa interaktiva tabeller för publicering online. Trots sin popularitet är det inte alltid det mest bekväma valet. Ytterligare datatabellalternativ presenterades i den här artikeln.

Om du gillade att läsa den här artikeln om DataTables-alternativ, bör du kolla in den här om WordPress- tabellgeneratorplugins.

Vi skrev också om några relaterade ämnen som JavaScript-tabellbibliotek, hur man skapar Premier League-tabellen, WordPress-tabellplugins, hur man skapar en tabell i WordPress utan plugin, hur man infogar en tabell i WordPress och WordPress pristabellplugins.

Inspelningskälla: wpdatatables.com