In this blog we will learn about "How to use DataTable.js to create a grid with pagination,sorting,filter etc..using Jquery.". Most of developer creating a simple html table and write huge amount of code to make a grid with sorting,paging,etc..features .
Using Jquery DataTable.js you don't need to write huge amount of code,just you need to write simple 3-4 line of code.
You can find more information about DataTable.js from this link ,click here
DataTable.js can be use with Asp.net,Java,MVC,PHP,etc..
Features of DataTable.js
There are many features and advantage of Datatable.js .you can use anywhere using simple jquery.
If you are using DataTable.js you can apply these features which are given below.
- Inline Sorting.
- Sorting on each column.
- Filter on each column.
- Global Search.
- Stylist Look .
- Dynamic column binding.
- Bind Json data.
- Language Independent.
Basic requirment to use DataTable.js
If you want to use DataTable.js ,then firstly you have to use these Library which are given below.otherwise it will through error.
<link rel="Stylesheet" href=" " target="_blank">https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" />
How to use DataTable.js
If you have added all library ,Create a HTML Table Like this.see code below.
Now you can see and use all features of DataTable.js .
I hope you understand all thing ,if you can see complete code below.
Bikesh Srivastava JQUERY