Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Bootstrap 101 Template</title>
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
- <!-- Optional theme -->
- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="input-group"> <span class="input-group-addon">Filter</span>
- <input id="filter" type="text" class="form-control" placeholder="Type here...">
- </div>
- <table class="table table-striped">
- <thead>
- <tr>
- <th>Code</th>
- <th>Name</th>
- <th>Default</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody class="searchable">
- <tr>
- <td>EUR</td>
- <td>EURO</td>
- <td></td>
- <td>Active</td>
- </tr>
- <tr>
- <td>GBP</td>
- <td>Pound</td>
- <td></td>
- <td>Active</td>
- </tr>
- <tr>
- <td>GEL</td>
- <td>Georgian Lari</td>
- <td><span class="glyphicon glyphicon-ok"></span>
- </td>
- <td>Active</td>
- </tr>
- <tr>
- <td>USD</td>
- <td>US Dollar</td>
- <td></td>
- <td>Active</td>
- </tr>
- </tbody>
- </table>
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <!-- Latest compiled and minified JavaScript -->
- <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
- <script>
- $(document).ready(function () {
- (function ($) {
- $('#filter').keyup(function () {
- var rex = new RegExp($(this).val(), 'i');
- $('.searchable tr').hide();
- $('.searchable tr').filter(function () {
- return rex.test($(this).text());
- }).show();
- })
- }(jQuery));
- });
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement