Datatable : A jQuery plugin for dynamics table

Why another datatable plugin?

Why another "datatable" plugin while there are a lot of existing plugin?

Well, i just needed such a plugin for one of my project and plugins I found searching the web were not as customizables as I wanted (for example, I cannot specified how I want a line to be rendered). I am clearly not claiming this is the best datatable plugin on the web, but here are some of its strengths:

• No dependencies (pure javascript only!).
• Easy to use - You can transform an existing HTML table in a datatable in one line!
• Extremely customizable.

A simple example

Let's have a look at a simple example on this looong (okay, not so long... ) table :

If you click on this button, you'll see how powerfull the plugin is: Click Me !

The code used to tranform the table (Quite short!):

var datatable = new DataTable(document.getElementById('simple-example-table'), {
    pageSize: 6, 
    filters: [true, false, 'select'], 
    filterText: 'Search... ',
    sort: [true, true, false], 
    sortKey: 0
});

Where can I find the plugin?

The plugin can be found on github at the following address: https://github.com/Holt59/datatable. If you have encounter some issues using it, or if you want new features to be available, do not hesitate to post on this article or to send me an e-mail.

How to use the plugin?

Well, just put the files on your website, and add this line to your html page:

<script type="text/javascript" src="js/datatable.min.js"></script>

To apply the plugin on your table, just add:

var table = document.getElementById('MyTable');
var options = { /* ... */ };
var datatable = new DataTable(table, options) ; 

See available options at: http://holt59.github.io/datatable.

The code is under license Apache v2.