Bootstrap table hover

Table bootstrap with scrool

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

Bootstrap table hover

<table class="table table-hover">
  <thead>
    <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>
  </tbody>
</table>

Source: getbootstrap.com

Bootstrap table dense

<!-- BOOTSTRAP V3 -->
<table class="table table-condensed">
  ...
</table>
<!-- BOOTSTRAP v4 -->
<table class="table table-sm">
  ...
</table>

Compact table bootstrap

Condensed Table
The .table-condensed class makes a table more compact by cutting cell padding in half

-3

Similar codes

63 votes137 views3 answers
Bootstrap form background color
Html
112 votes131 views6 answers
Html padding
Html
12 votes133 views4 answers
Html text not editable
Html
13 votes139 views10 answers
Atom
Html
0 vote132 views1 answer
Fa fa file
Html
6 votes130 views3 answers
Ion-select placeholder
Html
0 vote124 views1 answer
Class 'html' not found
Html
0 vote131 views1 answer
Get id value of html dropdown in jquery
Html
0 vote129 views1 answer
Use variable in input value vuejs
Html
0 vote122 views1 answer
Login fa fa
Html