Simple, Flexible and Fast

Open DataTable is a JQuery plug-in. It is fast, very much realiable, easy to implement, highly flexible and comes with a very beautiful UI.It is currently avaiblable only with PHP MySQL data source and under development for supporting other data sources in near future.

Required files

jquery-2.2.4.js
simple_php_datasource.php
style.css
OpenDataTable.js
country_city.sql

Code

    
 <html>
   <head>
     <title>Open Data Table</title>
     <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
     <link rel="stylesheet" type="text/css" href="style.css">
     <script src="OpenDataTable.js"></script>
     <script type="text/javascript">
    $(document).ready(function(){
      $(".OpenDataTable").OpenDataTable({  
        url:"simple_php_datasource.php",
      });
    });
     </script>
   </head>
   <body>
     <table class="OpenDataTable">
          <thead>
             <tr>
                 <th>Code</th>
                 <th>Name</th>
                 <th>Continent</th>
              </tr>
          </thead>
       <tbody></tbody>
     </table>
   </body>
 </html>


    

Output

Code Name Continent