« 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/