How to use Data Table Plugin in Jquery

Data Table

Data Table is a table with features like search, excel export , pdf export and pagination . It is very useful in web application to represent data in tabular form with its amazing features. It is very easy to integrate in html table by using their css and jquery cdn links.

There are some steps to use Data Table in webpage are as follows:

Step 1 : Create Table in html

<table class="table table-striped">
        <td>[email protected]</td>
        <td>[email protected]</td>
        <td>[email protected]</td>


Step 2 : Use css and jscdn link of datatable

<link rel=”stylesheet” href=””>
Paste this css in your <head> </head> tag.
<script src=””></script>
<script src=””></script>

Paste these two links before closing </body> tag.


Step 3 :  Put id=”example ”  in your table tag.


<table id=”example”></table>


Step 4 : paste this jquery code after jquery links:


$(document).ready(function() {
} );


Request a Demo