DataTables around the web
There are some fantastic articles which go into depth about various aspects of DataTables available on the web. This is a collection of some of those that are available. You can also use the RSS feeds below to keep up-to-date with happens in the world of DataTables
If you have written an article or blog post about DataTables, and would like to see it included here, please let me know!
Spring Boot + JQuery + DataTables
Gustavo Ponce has a detailed article describing how to use Spring and DataTables together, going all the way from starting a new project right through to the finished table.
Angular 2, WebWorkers and DataTables
Harris Brakmic is running a series of articles as an introduction to Angular 2, and here he uses DataTables with WebWorkers, inside an Angular 2 app to display information from a remote OData resource.
Responsive and Select
Michael Ryvkin has a well written post the details how Select and Responsive can be used seamlessly together.
The jQuery team have just published a release candidate of v3. As a jQuery plug-in, this is big news for DataTables. DataTables will continue to support v1, 2 and now also 3 of jQuery.
mark.js is an awesome text highlighter from Julian Motz and features built in support for DataTables global and column filtering. A very slick way of drawing attention to the user's search terms in the result set.
Alphabet search improvements
Michael Ryvkin has been at work on the alphabet search plug-in for DataTables, improving its capabilities with number input and internationalisation options!
Column API extensions - filtering and meta data
Kevin Jhangiani has written and published a suite of extensions for the DataTables API that adds extra data selection options for columns and allows meta data to be stored (including state saving that data).
Animated sorting icons
A unique idea from Tamino Martinius - sorting icons that are beautifully animated as the table sorting changes.
Editor in CodeIgniter
Robert Christiaanse has written a detailed post showing how the Editor PHP libraries can be used inside CodeIgniter to get the full benefit of the excellent CI framework while also using Editor.
JED - Java libraries for Editor!
Tactical Enterprises Ltd have produced and made available (GPLv2) Java Enterprise Environment libraries that fully support Editor 1.5 - including its multi-row editing.
OData v4 and server-side processing
A new plug-in from Michele Bersini which provides server-side processing support for DataTables where an OData v4 data source is available.
Laravel 5.1 and DataTables
A set by set guide on how to use DataTables in Laravel 5.1 from Arjay Angeles. His yajra
DataTables package for Laravel is very impressive and well documented.
DataTables and CartoDB
Chris Henrick has a detailed post showing how DataTables can be interfaced with CartoDB - an excellent platform for mapping geospatial data.
Laravel library for Editor
NextGen Universe, Inc have released native Laravel libraries for Editor 1.5 (including Editor's multi-row editing features).
SSP with NodeDB and MongoDB
Vinicius Teixeira has just published a new npm module which makes it easy to work with server-side processing on Node.JS with a MongoDB database.
Click and drag row selection
Adrien Cuisinier has been working on an extension for DataTables that allows click and drag to select items in the table, fully integrating with Select.
Server-side with ASP.NET MVC 5
Cynx has an excellent article about how to use DataTables' server-side processing mode with ASP.NET MVC 5 and Entity Framework.
C# Selenium wrapper
Testing is always important in software and this C# wrapper for DataTables to help execute Selenium tests from Ashley Fox makes it nice and easy in .NET.
Google Data table style recommendations
The Google Material design specification team have recently added information on how their Data tables can be styled. An interesting read on how to present usable tabular information.
Server-side processing with Laravel
Arjay Angeles has published a new Laravel package that provides an easy to use interface for DataTables server-side processing with support for Eloquent ORM, Fluent Query Builder and Collection data sources.
R Studio - data visualisation
R Studio provides an HTMLwidgets package that makes use of DataTables. This video tutorial shows how to create data visualisations quickly and easily in R.
Using DataTables as a value picker
An interesting use case from Thomas Beutel showing how DataTables can be used to simplify a complex value selection process in a lightbox and return the selected value to the caller.
Introduction to Responsive
Jonathan Calazan has written a nice introduction to the Responsive extension for DataTables, showing specifically how it can be used in a Django app.
Column resizing plug-in
David of Silvacom Ltd has created a column resizing plug-in for DataTables which allows simple drag and drop resizing of columns.
DataTables in VisualForce, part 2
DataTables in VisualForce, part 1
SalesForce can contain a lot of useful data, and using the VisualForce APIs, DataTables can display this data very neatly. Daniel Hoechst describes how.
Andrew Fawcett describes how DataTables can be used with the new ListView API from SalesForce.
Gowri Sankar has an interesting article showing how a plug-in filter can be used to create a cumulative checkbox filter quickly and easily.
Handlebars and Tabletop with DataTables
A template from The Gazette and KCRG that uses Handlebars for tempting, Tabletop for pulling data from a Google spreadsheet and DataTables for display and interaction.
Symfony2 bundle update stwe
has updated the SgDatatablesBundle to v0.5.2. This bundle makes it easy to integrate DataTables into a Symfony2 application.
BootBundle with DataTables
BootBundle is a package of templates, snippets and components that extend the core Bootstrap library. And it includes DataTables!
Database state saving with C#
Arindam Jha has written an interesting article on using database state saving. The tutorial also covers jQuery Templates, all with ASP.NET C# 4.5, Entity Framework
World Cup predictions
The team at FiveThirtyEight have used DataTables to create a really nice visualisation of probabilities for success of the various teams at the 2014 World Cup.
Google Fusion Tables + DataTables
Breyten Ernsting has created a server-side processing class (PHP) for using Google Fusion Tables with DataTables, paving the way to some interesting results.
Dandelion is a web framework for JVM environments and provides tight integration with DataTables. The project has recently updated to v0.10.
JED updates for Editor 1.3 and DT 1.10
Tactical Enterprises have been hard at work updating their Java Enterprise Environment solution for DataTables and Editor to fully support the latest versions.
Reactive DataTables for MeteorJS
Austin Rivas has been hard at work creating an awesome library for interfacing DataTables with MeteorJS, utilising server-side processing for huge data sets and MeteorJS's reactivity.
DataTables 1.10 and ASP.NET MVC 5
Anderson Matos has created a set of ASP.NET MVC 5 classes that operate with DataTables 1.10's updated server-side processing module.
Server-side processing in Java
Andreas Knees has created a Java based server-side processing script for DataTables with object based data. Also included is a Swing client.
Server-side processing, PHP PDO style
Tony Brandao has created a PHP server-side processing script for DataTables, that harnesses the PHP PDO classes, allowing his script to work with many different database types.
Custom search for DataTables 1.10
Timothy Ruhle has created a plug-in for DataTables 1.10 which provides extensive search options, such as simple string input to range filtering, for DataTables 1.10.
Using OData as a data source
Jovan & Vida Popovic have created an Ajax adapter for DataTables, allowing it to consume data from an OData service (v2, 3 and 4 supported). Both client-side and server-side processing modes are supported.
Symfony2 and DataTables stwe
has created a bundle for Symfony2 applications, compatible with Doctrine ORM, which provides data for DataTables in client-side and server-side processing modes.
Autoconfig via BitConfig
The folks at BitConfig are developing a tool which can be used to build configurations for popular jQuery plug-ins, and DataTables is among those which can be configured.
Shiny (R) with DataTables built-in
The Shiny web app framework for R
has support for DataTables built in to the core. With Shiny is it super simple to show analysis data as an interactive DataTables grid.
DataTables in Angular
Ferenc Kun has an interesting post about his project which integrates DataTables with Angular JS.
Mark Rackley has an interesting article showing how easily DataTables can consume data from the SharePoint 2013 REST API with its ability to use almost any JSON data source.
A C# serialisation package for DataTables' server-side processing from Kelly Vernon, making use of DataTables SSP in C# much easier!
Java backend for Editor
Tactical Enterprises have created a Java based backend for DataTables Editor, making editable DataTables in a Java environment very fast and very easy!
ASP.NET MVC helpers
Harry McIntyre has created a package of helpers for ASP.NET MVC and DataTables including server-side processing and individual column filtering.
This script from Comanche
adds responsive behaviour to DataTables - allowing phone and tablet devices to show full size beautiful tables, making maximum use of the screen available at all sizes.
C# and server-side processing
Garvin Casimir has released an updated version of the popular C# server-side processing script, with focus on now using objects rather than arrays as the data source.
CakePHP server-side processing
Chris Nizzardini has created a CakePHP component which makes server-side processing integration for DataTables in CakePHP a breeze.
Debug bookmarklet on HTTPS
DataTables.net how has a wildcard SSL certificate for the domain, so you can use the DataTables debug bookmarklet on secure sites now as well as plain HTTP.
Zurb Foundation and DataTables
Integration files for seamlessly styling your Zurb Foundation styled site with DataTables. Simply include two files and use DataTables as normal!
Perl and server-side processing
Adam Hopkins has been continuing his great work on creating a Perl based server-side processing environment for DataTables, releasing here, a full featured module on CPAN.
Perl and DataTables
Steve Jacobson has a detailed tutorial on how he created an editable table with DataTables and a Perl backend.
Server-side processing with Django
ezTables from Axel Haustant makes server-side processing for DataTables support in a Django environment super easy. Just install the package and configure your view.
DataTables on cdnjs
DataTables is now available on cdnjs! Now you can take full advantage of the CloudFlare powered CDN to optimise loading of DataTables. DataTables is even used for the package finding table on the cdnjs homepage!
Notification of releases by e-mail
DataTables has a releases RSS feed which is great for keeping up-to-date with the latest releases, and now using that feed and IFTTT you can be notified of new releases by e-mail.
DataTables in Grails
Luis Vasquez shows us how easily DataTables can be used in a Grails project through the use of a Grails plug-in and a simple HTML table.
Laravel bundle for server-side processing
Bilal Gultekin has created a server-side processing bundle for the excellent Laravel PHP framework which will work with Eloquent ORM or Fluent Query Builder, making server-side processing with Laravel super easy.
Ernani Azevedo has integrated Rémy Elazare's jPaginator with DataTables in a nice easy to use package. jPaginator replaces the standard DataTables pagination controls with a much more scalable and flexible control, which is fantastic for very large data
TableTabs from Robert Brower will split a single HTML table into multiple tables, each of which are embedded into their own jQuery UI tabs, providing automatic categorisation for the content in your DataTable.
RavenDB and DataTables
David Robbins has written a detailed tutorial on how DataTables' server-side processing mode can be used with RavenDB and all the benefits that go with it.
jQuery.floatThead - Fixed headers plug-in
jQuery.floatThead is a jQuery plug-in from Misha Koryak which floats a table's header at the top of the table's viewport or the browser window, keeping it always visible. It has DataTables support out of the box!
Server-side processing with Node.js
Jim Pravetz has created a Node.js module that fully implements server-side processing for DataTables. The implement ion uses MySQL but can easily be modified for other databases.
Thibault Duchateau has created DataTables4j - an OSS project that makes integration of DataTables with a Java / JEE application an absolute breeze. Well documented and with plenty of examples as well.
Bower and DataTables
bower install datatables
Editor 1.2.1 release
Editor 1.2.1 is now available, with a number of API refinements and bugs addressed. The PHP server implementation now has the ability to do self-referencing joins, and the client-side has a few new API methods and events.
Spring Data - REST and DataTables
Greg Case of Solution Design Group has a very interesting post showing how DataTables can be integrated with Spring Data - REST, utilising DataTables ability to read data from virtually any JSON data source.
Editor 1.2 available!
Editor 1.2 for DataTables is now available, bringing with it a wide range of improvements, primarily in the PHP implementation for Editor, which now has a much more flexible API and support for Join tables.
Checkbox selectable plug-in
Basil Gren has developed a Selectable plug-in for DataTables which adds a checkbox column to a table with an API to get and set the selection properties of the table.
Server-side processing PHP PDO style
John Becker of Beckersoft, Inc has updated the default DataTables server-side processing script to make use of PHP's PDO, resulting in a much cleaner implementation.
DataTables plug-ins on GitHub
All DataTables plug-ins for sorting, filtering, type-detection etc are now available on GitHub. Forking and pull requests are very much encouraged!
Editor is a new plug-in for DataTables which provides a full editing toolset for your tables. With Editor and DataTables you have have a highly dynamic, custom configured, editable table running in minutes.
WebHost Magazine award
DataTables receives an Editor's Choice Award from WebHost Magazine "for its versatility and ease of use in providing time saving tools while looking professional".
ListNav integration DukeAstar
has written a plug-in for DataTables that integrates ListNav
with DataTables for easy alphabet navigation.
Pivot.js and DataTables integration
DataTables 1.9.1 released
Now that the dust has settled from the 1.9.0 release, its time for a few bugs to be addressed - DataTables 1.9.1 is now available. There are also a couple of new features which nicely round off the 1.9 series' abilities.
DataTables and Rails - screencast
Ryan Bates from railscasts.com has a screencast (episode #340) showing how DataTables can be quickly and easily used in a Rails app for client-side processing, and also introduces server-side processing if you are working with large tables.
Row Drag and Drop in ASP.NET MVC
Continuing his excellent series of tutorials on integrating DataTables and AST.NET MVC Jovan Popovic shows how rows can be reordered using drag and drop.
Debugger Chrome extension
Matt Clements has put together a Chrome extension that adds a button to your Chrome toolbar that will trigger the DataTables debugger. Debugging couldn't be easier!
Column filtering with ASP.NET MVC
Jovan Popovic provides us with a range of fantastic plug-ins for DataTables and in this post he details how to use his column filter plug-in with ASP.NET MVC and server-side processing.
An introduction to DataTables
Jovan Popovic has a detailed introduction to DataTables, describing its features, capabilities and showing how to configure it to your needs. Perfect if you are just starting out with DataTables.
DataTables and Knockout.JS
If you are interested in using a Knockout.JS model as a data source for a DataTable, have a look at this example from Brandon Etchison (@BrandonEtchison
) which will serve as a useful starting point.
Server-side processing with PetaPoco
Todd Wood has an interesting article detailing how PetaPoco (micro-ORM for .NET and Mono) can be used with server-side processing to display very quickly with large databases in DataTables.
DataTables 1.9.0 on Microsoft CDN
DataTables 1.9.0 is now available from the Microsoft Ajax CDN, so you can take full advantage of a great CDN with all the features of 1.9.0!
ASP.NET MVC3 with server-side processing
Bryan Dougherty, as part of a series of articles building a CRUD application, describes how to enhance a table using DataTables with server-side processing and an ASP.NET MVC3 backend.
DataTables 1.9.0 now available
DataTables 1.9 is a significant upgrade for DataTables - the result of 4 months of development with lots of new features and improvements.
DataTables 1.9.0 in a Nuget
NuGet gallery has DataTables 1.9.0 all packaged up and ready to use, making it super easy to use DataTables with Visual Studio.
DataTables is now available on the Microsoft Ajax CDN, allowing lightning fast delivery of DataTables on your site!
DataTables and Visualforce
Mac Anderson introduces how DataTables can be used in Visualforce, he user interface framework for the Force.com platform.
Multi-column sorting with SSP and C#
ActiveEngine have a post describing how to create a server-side processing script with C#/LINQ that will utilise the multi-column sorting features built into DataTables.
DOM positioning tips and tricks
James Riley has written an introduction to DataTables post in which he discusses how to position table elements anywhere you want on the page using DOM and DataTables API methods.
Using DataTables with Perl and Catalyst calendar
Richard Wallman shows us how to integrate DataTables server-side processing with Perl and the Catalyst Advent Calendar to show, sort and filter easily through a large number of calendar events.
ThemeForest themes with DataTables
If you are looking for a quick way of creating stylish looking tables, integrated with the rest of your site, then there are a number of themes available on ThemeForest with DataTables support. They are listed here.
MVC .NET and server-side processing
Jeff Etter continues his series on DataTables with a post about using server-side processing to neutralise the issue of the flash of unscripted content when working with large tables.
Christopher Seidel has been working on an extension for Typo3 to be able to easily use DataTables in the CMS.
Knockout.js and DataTables
Cognitive Shift have written and published an integration library for DataTables with a Knockout.js observable object array.
DataTables from an Excel spreadsheet
Kyle Hatlestad shows us how data can be exported from Oracle databases into an HTML table for use with DataTables, adding filtering controls and other customisations.
Column filtering widget
Dylan Kuhn brings us a new column filtering widget for DataTables which allows cumulative filters to be added and removed to and from a table.
HooKan for EE with DataTables
John de Beer has created the HooKan module for Expression Engine, utilising DataTables to simplify the permission management in EE.
Enhancing HTML tables
Jovan Popovic has written an introduction to DataTables, and a number of plug-ins which are available for it, showing how easy it is to create powerful and flexible tables.
Daniel Renfro has put together a MediaWiki extension that loads DataTables into your wiki pages. A simple call and then you have all the options of DataTables available.
PHP server-side processing overview fbas
goes through the example server-side processing script for DataTables, showing how each part works and how to custmise it for your own needs.
Rails 3.1 Gem
Grigory Dmitrenko has created a Gem for Ruby on Rails 3.1 which combines the Meta Search plug-in with DataTables on the RoR platform.
Troubleshooting common errors
As part of an on-going series of posts about DataTables fbas
has a list of common mistakes that can be made with DataTables and how to solve them.
jQuery basics for DataTables
As part of a series of articles on DataTables, fbas
introduces some of the core concepts of jQuery which will help you get started with using DataTables.
If you are looking for a quick way of creating very stylish looking tables, then the TERMINATOR theme is might be exactly what you are looking for with its DataTables support.
DataTables and Knockout.js
Josh Buckley has been working on integrating DataTables with Knockout.js. A handler is available for creating and updating a table.
MySQL FullText search fbas
details how to use the MySQL FullText type for filtering in server-side processing DataTables.
Rails 3 and DataTables
Blair Williams and Brandon Toone have created a plug-in for Rails 3 that allows easy integration of server-side processing with any ActiveRecord model.
Row grouping made easy
Jovan Popovic has been at it again - creating brilliant plug-ins for DataTables. This time it is all about making row grouping super easy to use.
Ignited Datatables updated numberone
has ported a version of excellent Ignited Datatables library for Code Ignitor to a version which has no dependency on Code Ignitor. Easy joins and more with server-side processing!
DataTables 1.8.1 released
The first maintenance update for DataTables 1.8 includes a couple of small features a nice bug fixes.
Scroller is a new plug-in for DataTables which provides virtual scrolling for DataTables - super fast display of large datasets.
Shaun McCran shows how a lightbox editing interface can be integrated with DataTables.
Browsing NetBeans plugins
The NetBeans plugins portal uses DataTables to make their repository nice and easy to find what you want. Nice one folks!
OO PHP server-side scripts
Marc Roulias has given us a fantastic set of object orientated server-side script for DataTables, which makes setting up a complex table super easy.
Easy column filtering
Jovan Popovic has created a plug-in for DataTables which makes adding complex individual column filtering to a DataTables table super easy.
Column filtering widgets
This is a very cool extra for DataTables which provides advanced filtering options for your tables, adding a drop down for each column, with cascading selection options.
Server-side processing and Java
Jovan Popovic turns his hand this time to showing us how server-side processing for DataTables can be implemented in Java, in this thorough tutorial.
Details view with ASP.NET MVC
Jovan Popovic continues his excellent series of articles about DataTables, this time showing how to integrate fnOpen with an Ajax request to an ASP.NET MVC backend to show details about a row.
Work has been continuing at a fine pace with Ignited-Datatables - a server-side processing backend for CodeIgniter. Now with support for joins.
Mozilla using DataTables
The Mozilla Metrics team have been doing some amazing work in creating a dashboard for visualising their Bugzilla database - and using DataTables for the table display.
Drag and drop reordering
Jon Joyce has done some nice work showing how rows in a DataTable can be reordered through drag and drop.
Editable plug-in for DataTables
Jovan Popovic has produced a superb abstraction layer for DataTables, building on jEditable to provide a highly configurable editing interface. There is a raft of demos and great documentation as well!
SSP with ASP MVC and LINQ
David Martinez has written a fine tutorial showing how server-side processing for DataTables can be implemented with ASP MVC and LINQ.
Creating a parent / child relationship
Jovan Popovic continues his execllent series of tutorials on DataTables with an article detailing how a parent / child relationship can be created between two DataTables.
Introduction to DataTables
Michelle Minkoff has written a very nice introduction to DataTables. As she says "people like to click on stuff" - and DataTables is here to help!
LA Times using DataTables
The LA Times are also using DataTables for providing an intuitive table interface - in this case showing how much Californian redevelopment agencies are spending.
Making life easier for integration with .NET, there is now a Nuget available for DataTables (thanks betoxiq
CMIS and Alfresco with DataTables
Continuing his work with Alfresco and DataTables Bas Peters shows how to integrate CMIS (SQL for content repositories) with DataTables.
Alfresco and OpenSearch with DataTables
Bas Peters has written an excellent tutorial article about how the Alfresco CMS can be integrated with DataTables server-side processing through OpenSearch.
CRUD with AST.NET MVC
Jovan Popovic has written up a method of how to use ASP.NET MVC with DataTables to create a CRUD interface.
Archimede for Joomla!
TobyTools have built a web analytics system for Joomla! which uses DataTables for its data reporting.
Peter Trerotola has writen a wrapper library for DataTables to integrate with PHP/Codeigniter. Full instrctions and integration code are provided.
DataTables and ASP.NET MVC
Jovan Popovic has written an excellent tutorial on how to integrate ASP.NET MVC with DataTables server-side processing.
Dynamically select columns
Sensei has been continuing his work with DataTables, and now shows how selectable columns, an integration with aoColumnDefs can be done with .NET
ExtJS style pagination
Zach Curtis has created a pagination plug-in for DataTables which alters the DataTables pagination controls to match those found in ExtJS.
Server-side processing and .NET
Sensei has written up an excellent document showing how to create a generic server-side processing script for DataTables that will work with any .NET class.
Plugins from Jen Wystup
Jen has created two new feature plugins for DataTables: Paginator and MyToolbar. Thanks Jen!
JeanMichel Francois has created a Plone package to make integration of DataTables super easy.
Aaron McGowan has put together a "manager" script for DataTables which can make dealing with iApiIndex much easier.
Adding a column to SSP
A common request when using server-side processing in DataTables is how to add a meta column to the table. This blog post tells you how to do it!
Codeigniter and DataTables
iFadey shows how DataTables can be used in a CRUD application, based on the Codeigniter framework, as part of a series of articles.
ASP.NET MVC project
Johannes Brunner has started an ASP.NET MVC project for DataTables server-side processing. Looks great!
Wheels and DataTables
Wheels is a ColdFusion framework inspired by RoR and this is a plug-in for Wheels which does server-side processing with DataTables.
Chris Warren has been doing some nice work on putting together a Rails plug-in to make use of DataTables easier for RoR developers.
Proper use of tables
Cameron Chapman at noupe.com explores how HTML tables can be used (and where they should be used) to get maximum benefit.
New features in 1.7
Loads of new features to make your life as a developer easier, and more flexible for your end users. This is a full list of new features, descriptions and how to use them.
DataTables 1.7 beta released
1.7 (currently in beta form) is the latest in DataTables releases, and brings a lot of new features and enhancements to the party. Please download the beta and enjoy!
Beautifying a table with DataTables
Steve Gentile has been busy creating a two post series about using ASP.NET MVC and jTemplate to create a table, and then making it interactive with DataTables.
DataTables with WCF Services
Jeff Morris has an excellent article detailing how to use DataTables, in its server-side processing mode of operation, with WCF Services.
Open Library reopens
After a lot of work on the part of the Web Archive team, they have now re-launched Open Library. The revamp makes extensive use of DataTables - including scrolling pagination and other advanced interactions. Very nice!
Using DataTables with Symfony
Interesting article with instructions on how to build up a server-side processing script with the Symfony PHP framework.
Reloading data with server-side processing
Craig Lotter is continue to write some great information about DataTables - this time looking at reloading data from the server with using server-side processing and checking if the object is already initialised.
DataTables makes it very easy to set default sorting (including multi-column sorting) through aaSorting - as shown in this post by Craig Lotter.
Tobias Baethge is using DataTables to allow one to create and manage tables in the WP admin area, without requiring any HTML knowledge. Great use of DataTables.
DataTables meets C#
Zack Owens has put together an article describing how LINQ in C# can be used to provide a server-side processing script for DataTables.
DataTables with PHP
Coving just about every kind of data source that DataTables supports, Kae Verens runs through how to get going with DataTables and PHP (client-side and server-side).
C# renderer for DataTables
Hennadiy Kurabko has done some nice work on putting together a C# renderer for DataTables, to ease initialisation in a .NET environment.