striped table bootstrap

1<table class="table table-striped table-dark">
2  <thead>
3    <tr>
4      <th scope="col">#</th>
5      <th scope="col">First</th>
6      <th scope="col">Last</th>
7      <th scope="col">Handle</th>
8    </tr>
9  </thead>
10  <tbody>
11    <tr>
12      <th scope="row">1</th>
13      <td>Mark</td>
14      <td>Otto</td>
15      <td>@mdo</td>
16    </tr>
17    <tr>
18      <th scope="row">2</th>
19      <td>Jacob</td>
20      <td>Thornton</td>
21      <td>@fat</td>
22    </tr>
23    <tr>
24      <th scope="row">3</th>
25      <td>Larry</td>
26      <td>the Bird</td>
27      <td>@twitter</td>
28    </tr>
29  </tbody>
30</table>

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

1// Add the table and table striped class from bootstrap
2<table class="table table-striped">

1<table class="table">
2 <thead>
3 <tr>     <th>Head 1</th>	    <th>Head 2</th>      <th>Head 3</th>   </tr>
4 </thead>
5  
6 <tbody>  
7 <tr>      <td>cell</td>		  <td>cell</td>		 <td>cell</td>    </tr>
8 <tr>      <td>cell</td>		  <td>cell</td>		 <td>cell</td>    </tr>
9 </tbody>
10  
11 <tfoot>
12 <tr>     <th>Footer 1</th> 	<th>Footer 2</th>	<th>Footer 3</th>	</tr>
13 </tfoot>
14</table>

1<table class="table table-sm table-dark">
2  <thead>
3    <tr>
4      <th scope="col">#</th>
5      <th scope="col">First</th>
6      <th scope="col">Last</th>
7      <th scope="col">Handle</th>
8    </tr>
9  </thead>
10  <tbody>
11    <tr>
12      <th scope="row">1</th>
13      <td>Mark</td>
14      <td>Otto</td>
15      <td>@mdo</td>
16    </tr>
17    <tr>
18      <th scope="row">2</th>
19      <td>Jacob</td>
20      <td>Thornton</td>
21      <td>@fat</td>
22    </tr>
23    <tr>
24      <th scope="row">3</th>
25      <td colspan="2">Larry the Bird</td>
26      <td>@twitter</td>
27    </tr>
28  </tbody>
29</table>

1<table class="table">
2  <thead>
3    <tr>
4      <th scope="col">#</th>
5      <th scope="col">First</th>
6      <th scope="col">Last</th>
7      <th scope="col">Handle</th>
8    </tr>
9  </thead>
10  <tbody>
11    <tr>
12      <th scope="row">1</th>
13      <td colspan="3>Mark</td>
14      <td>@mdo</td>
15    </tr>
16    <tr>
17      <th scope="row">2</th>
18      <td colspan="3>Jacob</td>
19      <td>@fat</td>
20    </tr>
21    <tr>
22      <th scope="row">3</th>
23      <td colspan="3">Larry the Bird</td>
24      <td>@twitter</td>
25    </tr>
26  </tbody>
27</table>