How to use Data Table Plugin in Jquery

Training Mode Regular Fastrack Crash
Classroom | Online

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">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>[email protected]</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>[email protected]</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>[email protected]</td>
      </tr>
    </tbody>
  </table>

 

Step 2 : Use css and jscdn link of datatable

<link rel=”stylesheet” href=”https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css”>
Paste this css in your <head> </head> tag.
<script src=”https://code.jquery.com/jquery-3.3.1.js”></script>
<script src=”https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js”></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:

 

<script>
$(document).ready(function() {
    $('#example').DataTable();
} );
</script>
 

 

Contact Us

Course Feedback

View More Testimonials

Student Projects

View More Projects

KEY FEATURES OF COURSES

Our team welcome, all our trainees to take free of cost class up to 1 year * after training., if they want to improve their skills or if they feel gap in their knowledge.
If you are facing any type of problem with class, we insure you to give refund ! We always takes a feedback with our trainees after classes. Further they don't love our classes after 3 or 5 , we will try to resolve it other wise we refund less amount.
Our team always committed to your success, so our institute offers students to pay their fees installment in monthly basis, rather than full amount*.
Equipped with more than 5+ years of industry experience our instructors will assure a successful leap in your knowledge, improvement and preparation. Know about our Instructors.
Online learning program that is designed to prepare your courses
At Next-G Education,we make sure for PG or Lodge or Room in very low cost. We always care our students which are coming from different location either they are from India or Outside India. So if your are interested to join our course and looking for Room or PG we definitely provide you in affordable cost. You can also share your arrival details with us in advance for proper adjustment ion few days.

Other Courses

Request a Demo