HTML tables to elegant data tables !

If you want to make your regular html show better on browser you can use a javascript library from datatables.net.

simple example which i use on my project.

1. Add jquery >=1.7 and datatables js and css to your html page.

2. create a html table (use thead tbody tags) and give it an ID.

3. call javascript code as simple as below (can add option as parameter also).

$(document).ready(function() {
    $('#table1').DataTable();
} );
4. Enjoy your new good looking html table !
Below is latest datatables js and css as per today downloaded from datatables.net

Leave a Reply

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