General Tables - Concept Dashboard

General Tables

Examples of various table styles and configurations using Bootstrap 5 table classes.

Basic Table

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Striped Table

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter
4	John	Doe	@johndoe

Bordered Table

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Hoverable Table

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Small Table

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter
4	John	Doe	@johndoe

Dark Table

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Table with Contextual Classes

Type	Column heading	Column heading	Column heading
Active	Cell	Cell	Cell
Default	Cell	Cell	Cell
Primary	Cell	Cell	Cell
Secondary	Cell	Cell	Cell
Success	Cell	Cell	Cell
Danger	Cell	Cell	Cell
Warning	Cell	Cell	Cell
Info	Cell	Cell	Cell
Light	Cell	Cell	Cell
Dark	Cell	Cell	Cell

Responsive Table

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

Product Inventory Table

#	Product Name	Category	Price	Stock	Status	Actions
1	MacBook Pro 16"	Electronics	$2,399.00	23	In Stock
2	iPhone 15 Pro	Electronics	$999.00	5	Low Stock
3	Nike Air Max 270	Footwear	$150.00	0	Out of Stock
4	Sony WH-1000XM5	Audio	$399.99	45	In Stock
5	Samsung 65" OLED TV	Electronics	$1,799.99	12	In Stock