Datatable : Table plug-in for jQuery

jQuery DataTables is very popular grid plug-in for the HTML table. Datatables uses to convert HTML table into useful grid listing with advanced features.

The Basic version of Data table has sorting searching and column level searching.There are many datatables supported plugins available which are use to create HTML Table into full functional data grid like export table data into CSV/Excel,child rows,scrollbar,dynamic width etc.

You can also check other tutorial of Datatable,

Simple Example of jQuery datatables

Step 1: Include js and css file into head tag of your index.html file.

Step 2 :
Instantiate dataTable() method on HTML table to integrate table list on that table.

here our target table id is #myTable.We are calling dataTable method on it.

Datatable UI

datatable

4 thoughts on “Datatable : Table plug-in for jQuery

  1. Hi Parvez,

    I am trying to follow your tutorial – would like to adapt to use java and JSF. Any advice on how to transfer same OR other links to follow?

    • You can follow this http://www.phpflow.com/php/datatable-pagination-sorting-and-search-server-side-phpmysql-using-ajax/ tutorial if you want bind datatable data with server side.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.