Welcome User
Login
Register
dynamic table filter
Sophia Jain
HTML
CSS
JS
Preview
<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css "> <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> </head> <body> <br><br> <div class="container"> <div class="table-responsive table-bordered"> <table id="example" class="display" style="width:100%"> <thead> <tr> <th>DATE</th> <th>Holiday</th> <th>Holiday Type</th> </tr> </thead> <tbody> <tr> <td>2-10-2018</td> <td>Gyandhi Jyanti</td> <td>Holiday</td> </tr> <tr> <td>12-11-2018</td> <td>Independence Day</td> <td>Holiday</td> </tr> <tr> <td>2-9-2018</td> <td>Republic day Jyanti</td> <td>Holiday</td> </tr> <tr> <td>2-10-2018</td> <td>Gyandhi Jyanti</td> <td>Holiday</td> </tr> <tr> <td>2-10-2018</td> <td>Independence Day</td> <td>Holiday</td> </tr> <tr> <td>2-10-2018</td> <td>Republic day Jyanti</td> <td>Holiday</td> </tr> <tr> <td>2-10-2018</td> <td>Gyandhi Jyanti</td> <td>Holiday</td> </tr> <tr> <td>2-10-2018</td> <td>Independence Day</td> <td>Holiday</td> </tr> <tr> <td>2-10-2018</td> <td>Republic day Jyanti</td> <td>Holiday</td> </tr> <tr> <td>1-11-2018</td> <td>Gyandhi Jyanti</td> <td>Holiday</td> </tr> <tr> <td>1-11-2018</td> <td>Independence Day</td> <td>Holiday</td> </tr> <tr> <td>12-10-2018</td> <td>Republic day Jyanti</td> <td>Holiday</td> </tr> </tbody> </table> </div> </div> <script> $(document).ready(function() { $('#example').DataTable( { "pagingType": "full_numbers" } ); } ); </script> </body> </html>
View Another Modules
Enquery Form
Enquery Form
Organization Structure
Organization Structure
Hover Effect
Hover Effect
Close Modal Box in seconds
Close Modal Box in seconds
Launch Modal on load page
Launch Modal on load page
Bootstrap login form
Bootstrap login form
