How To Add Paging, Sorting, Filtering, Searching in Seconds

Author: Zeeshan Arshad     2299     04/04/2013

Estimated reading time: 1 minute, 16 seconds

Zeeshan Arshad - Lifestyle Blog

Now you can have features like Paging, Sorting, Filtering, Searching and much more for your data table within seconds. Consider the time it takes you to write code for a result data. But not any more!


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:

    • On-the-fly filtering


    • Multi-column sorting with data type detection


    • Display data from almost any data source


    • DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)


    • Scrolling optionsfor table viewport


    • Fully internationalisable


    • jQuery UI ThemeRoller support


    • Rock solid - backed by a suite of 2900 unit tests


    • Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more


    • It's free!


    • State saving


    • Hidden columns


    • Dynamic creation of tables


    • Ajax auto loading of data


    • Custom DOM positioning


    • Single column filtering


    • Alternative pagination types


    • Non-destructive DOM interaction


    • Sorting column(s) highlighting


    • Advanced data source options


    • Commercial support available


    • Fully accessible for screenreaders / keyboard access


    • Sensible file size: 70K minified, 20K gzip'd


    • Extensive plug-in support


    • Sorting, type detection, API functions, pagination and filtering


    • Fully themeable by CSS


    • Solid documentation


    • 130+ pre-built examples


« Return to Blog