Inverse Table

                              <div class="table-responsive"> <table class="table table-dark mb-0"> <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>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table> </div>

You can also invert the colors—with light text on dark backgrounds—with .table-inverse.

User	Project Name	Team	Status	Budget
Sunil Joshi Web Designer	Elite Admin	S D	Active	$3.9k
Arlene McCoy Project Manager	Real Homes WP Theme	A X N	Pending	$24.5k
Christopher Jamil Project Manager	MedicalPro WP Theme	X	Completed	$12.8k
Evelyn Pope Frontend Engineer	Hosting Press HTML	Y X	Active	$2.4k
Micheal Doe Content Writer	Hosting Press HTML	S	Cancel	$9.3k

Striped with Inverse Table

                              <div class="table-responsive"> <table class="table table-striped table-dark mb-0"> <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>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table> </div>

Use .table-striped to add zebra-striping to any table row within the <tbody>.

User	Project Name	Team	Status	Budget
Sunil Joshi Web Designer	Elite Admin	S D	Active	$3.9k
Arlene McCoy Project Manager	Real Homes WP Theme	A X N	Pending	$24.5k
Christopher Jamil Project Manager	MedicalPro WP Theme	X	Completed	$12.8k
Evelyn Pope Frontend Engineer	Hosting Press HTML	Y X	Active	$2.4k
Micheal Doe Content Writer	Hosting Press HTML	S	Cancel	$9.3k

Bordered with Inverse Table

                              <div class="table-responsive"> <table class="table table-bordered table-dark mb-0"> <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> </div>

Add .table-bordered for borders on all sides of the table and cells.

User	Project Name	Team	Status	Budget
Sunil Joshi Web Designer	Elite Admin	S D	Active	$3.9k
Arlene McCoy Project Manager	Real Homes WP Theme	A X N	Pending	$24.5k
Christopher Jamil Project Manager	MedicalPro WP Theme	X	Completed	$12.8k
Evelyn Pope Frontend Engineer	Hosting Press HTML	Y X	Active	$2.4k
Micheal Doe Content Writer	Hosting Press HTML	S	Cancel	$9.3k

Inverse Table

User

Project Name

Team

Status

Budget

Sunil Joshi

$3.9k

Arlene McCoy

$24.5k

Christopher Jamil

$12.8k

Evelyn Pope

$2.4k

Micheal Doe

$9.3k

Striped with Inverse Table

User

Project Name

Team

Status

Budget

Sunil Joshi

$3.9k

Arlene McCoy

$24.5k

Christopher Jamil

$12.8k

Evelyn Pope

$2.4k

Micheal Doe

$9.3k

Bordered with Inverse Table

User

Project Name

Team

Status

Budget

Sunil Joshi

$3.9k

Arlene McCoy

$24.5k

Christopher Jamil

$12.8k

Evelyn Pope

$2.4k

Micheal Doe

$9.3k