Dark table html - bootstrap 5

Utilizando das classes do bootstrap podemos renderizar belíssimas tables e organizar dados de maneira elegante.

Exemplo de uma dark table html com bootstrap 5

Documentação https://getbootstrap.com/docs/5.1/content/tables/

 

<table class="table table-dark table-striped">
 <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>
 <tr>
 <th scope="row">3</th>
 <td colspan="2">Larry the Bird</td>
 <td>@twitter</td>
 </tr>
 </tbody>
</table>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Existem muitas variações de cores, tamanhos e estilos.