« Return to Blog

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

Author: Zeeshan Arshad     2145     04/04/2013

Estimated reading time: 1 minute, 16 seconds

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

Website: http://www.datatables.net/