Zamzam11223

Table Menggunakan Plugin jQuery

Nov 16th, 2018
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Belajar Menggunakan Datatables Framework</title>
  5.     <meta content="description" content="NubyChan Dot Space">
  6.     <link rel="stylesheet" type="text/css" href="bos/bootstrap.min.css">
  7.     <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
  8.     <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
  9. </head>
  10. <body>
  11.  
  12.         <div class="container" style="margin-top: 40px">
  13.             <div class="row">
  14.                 <div class="col-lg-8">
  15.  
  16.  
  17.                         <table class="table table-bordered table-hover" id="myTable">
  18.                             <thead>
  19.                                 <tr>
  20.                                     <th>No</th>
  21.                                     <th>Username</th>
  22.                                     <th>Email</th>
  23.                                 </tr>
  24.                             </thead>
  25.                             <tbody>
  26.                                 <tr>
  27.                                     <td>1</td>
  28.                                     <td>NubyChan</td>
  29.                                     <td>[email protected]</td>
  30.                                 </tr>
  31.                                 <tr>
  32.                                     <td>2</td>
  33.                                     <td>Boerhan</td>
  34.                                     <td>[email protected]</td>
  35.                                 </tr>
  36.                                 <tr>
  37.                                     <td>3</td>
  38.                                     <td>Tayo</td>
  39.                                     <td>[email protected]</td>
  40.                                 </tr>
  41.                             </tbody>
  42.  
  43.                             <script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
  44.                         <script>
  45.                                 $(document).ready( function () {
  46.                                     $('#myTable').DataTable();
  47.                                 } );
  48.  
  49.  
  50.                         </script>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.  
  55. </body>
  56. </html>
Advertisement
Add Comment
Please, Sign In to add comment