background preloader

Datatable

Facebook Twitter

Enhance Tables Using One Of 30 Functional jQuery Plugins. Classic ways of using simple html tables are long gone – of course you can still use them, but you will never get such functionality and flexibility with HTML as you can get using special jQuery plugins to do the job. Never tables have been so dynamic and users now can specify and filter all the sections they want, you just need to find right plugin for specific project and that’s why I collected here 30 various functional jQuery plugins. 1. DataTables 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.

Key features: Variable length paginationOn-the-fly filteringMulti-column sorting with data type detectionSmart handling of column widths Display data from almost any data sourceFully internationalisablejQuery UI ThemeRoller supportRock solid – backed by a suite of 1300+ unit tests Wide variety of plug-ins inc. Download Now | View Preview. jQuery DataTables numeric and currency totals - Resolved Tech - Resolved Tech. How do you change the style of cell in a JQuery.DataTable. A Certain Blog (fBta) — Adding extra columns in jQuery Datatable. Development. As flexible as DataTables is, there may be times when you wish to customise certain aspects to your specific needs. Currently DataTables provides plug-in support for the following methods: Sorting functions Type detection Pagination types API functions Filtering functions DataTables plug-ins are attached to the $.fn.dataTableExt object in order to ensure that there is no global clutter from DataTables.

If you do take the time to create a plug-in for DataTables and wish to share it with others, please get in touch with me and I'll post your plug-in on the plug-ins page. General properties: There are a few general variables in this object which are detailed below: Notation and coding convention DataTables uses a form of Hungarian notation for variables, and this is reflected in it's API. Prefixes used: n - node o - object a - array s - string b - boolean f - float i - integer fn - function.