Bootstrap Table Template With Css Code Example


Example 1: table bootstrap with scrool

<div style="height: 600px;overflow: scroll;"> <!-- change height to increase the number of visible row  --> 	<table></table> </div>

Example 2: table class in bootstrap

<table class="table">   <thead class="thead-dark">     <tr>       <th scope="col">#</th>       <th scope="col">First</th>       <th scope="col">Last</th>       <th scope="col">Handle</th>     </tr>   </thead>   <tbody>     <tr>       <th scope="row">1</th>       <td>Mark</td>       <td>Otto</td>       <td>@mdo</td>     </tr>     <tr>       <th scope="row">2</th>       <td>Jacob</td>       <td>Thornton</td>       <td>@fat</td>     </tr>     <tr>       <th scope="row">3</th>       <td>Larry</td>       <td>the Bird</td>       <td>@twitter</td>     </tr>   </tbody> </table>  <table class="table">   <thead class="thead-light">     <tr>       <th scope="col">#</th>       <th scope="col">First</th>       <th scope="col">Last</th>       <th scope="col">Handle</th>     </tr>   </thead>   <tbody>     <tr>       <th scope="row">1</th>       <td>Mark</td>       <td>Otto</td>       <td>@mdo</td>     </tr>     <tr>       <th scope="row">2</th>       <td>Jacob</td>       <td>Thornton</td>       <td>@fat</td>     </tr>     <tr>       <th scope="row">3</th>       <td>Larry</td>       <td>the Bird</td>       <td>@twitter</td>     </tr>   </tbody> </table>

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?