# IT:AD:DataTables.JS #



<callout type="Navigation" class="small">

* [[../|(UP)]]
{{indexmenu>.#2|nsort tsort}}

* See also:
    * [[IT/AD/JQGrid/]]


</callout>


<panel title="Summary">

JQuery DataTables is a plug-in for the jQuery Javascript library. 

It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. 

<WRAP tip>
I'm still of two minds regarding using a widget like DataTables. 

* Benefits:
    * it's neat getting the sorting and paging right out of the box. 
* Considerations:
    * In many use cases, don't often actually need sorting
* Disadvantages:
    * Templating the row is often out of the developers control...and that leads me to the question of progressive table rendering.
        * http://css-tricks.com/responsive-data-tables/ 
    * Sometimes you need a hybrid of pre-fetched pages (eg: 1-5) with the 6th causing a request for the next 5 (less chatty).


</WRAP>


http://jquery-datatables-row-reordering.googlecode.com/svn/trunk/index.html


</panel>


## Resources ##

* http://www.datatables.net/
* http://www.codeproject.com/Articles/194916/Enhancing-HTML-tables-using-a-JQuery-DataTables-pl