{{> layouts/head pageTitle="General Tables" }}
{{> layouts/header }} {{> layouts/sidebar activeMenu="tables" activePage="general-tables"}}

## 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 |

{{> layouts/footer }}
{{> layouts/scripts }}