Advertisement
Zamzam11223

Source Code Table Menggunakan Bootstrap

Nov 16th, 2018
248
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.55 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="DataTables/datatables.min.css">
  8.     <link rel="stylesheet" type="text/css" href="DataTables/datatables.css">
  9.     <link rel="stylesheet" type="text/css" href="DataTables/datatables/css/jquery.dataTables.min.css">
  10.     <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
  11.             <style type="text/css">
  12.                     th{
  13.                         background-color: black;
  14.                         color: white;
  15.                     }
  16.  
  17.                 </style>
  18. </head>
  19. <body>
  20.  
  21.         <div class="container">
  22.             <div class="row">
  23.                 <div class="col-lg-8">
  24.  
  25.  
  26.                         <table class="table table-bordered table-hover ">
  27.                             <thead>
  28.                                 <tr>
  29.                                     <th>No</th>
  30.                                     <th>Username</th>
  31.                                     <th>Email</th>
  32.                                     <th>Data</th>
  33.                                 </tr>
  34.                             </thead>
  35.                             <tbody>
  36.                                 <tr>
  37.                                     <td>1</td>
  38.                                     <td>NubyChan</td>
  39.                                     <td>email@gmail.com</td>
  40.                                     <td><button class="btn btn-info">Input</button></td>
  41.                                 </tr>
  42.                                 <tr>
  43.                                     <td>2</td>
  44.                                     <td>Boerhan</td>
  45.                                     <td>email@gmail.com</td>
  46.                                     <td><button class="btn btn-info">Input</button></td>
  47.                                 </tr>
  48.                                 <tr>
  49.                                     <td>3</td>
  50.                                     <td>Tayo</td>
  51.                                     <td>email@gmail.com</td>
  52.                                     <td><button class="btn btn-info">Input</button></td>
  53.                                 </tr>
  54.                             </tbody>
  55.                 </div>
  56.             </div>
  57.         </div>
  58.  
  59. </body>
  60. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement