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
Registration and Login Form
Registration and Login Form
Bootstrap Tab
Bootstrap Tab
Disable outside Modal
Disable outside Modal
Bootstrap4 Date Picker
Bootstrap4 Date Picker
Datepicker Bootstrap 4
Datepicker Bootstrap 4
Login Form
Login Form
