#### Static Tables

#### Basic Table

View Docs

Add the base class `.table` to any `<table>` , then extend with our optional modifier classes or custom styles.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Wireless Headphones | Electronics | $99.00 | 120 | 4.5 ★ | Active |
Running Shoes | Footwear | $59.99 | 80 | 4.2 ★ | Active |
Smartwatch | Wearables | $129.00 | 0 | 4.0 ★ | Out of Stock |
Gaming Mouse | Accessories | $39.50 | 250 | 4.7 ★ | Active |
Office Chair | Furniture | $149.00 | 35 | 4.3 ★ | Active |

#### Custom Table

Exclusive

Add the base classes `.table` and `.table-custom` to any `<table>` element to apply custom styling, including spacing for the first and last table cells.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |
4K Monitor | Electronics | $349.00 | 30 | 4.8 ★ | Active |
Standing Desk | Furniture | $499.00 | 10 | 4.4 ★ | New |

#### Variants of Table

View Docs

Use contextual classes to color tables, table rows or individual cells.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |
4K Monitor | Electronics | $349.00 | 30 | 4.8 ★ | Active |
Standing Desk | Furniture | $499.00 | 10 | 4.4 ★ | New |

#### Striped Rows

View Docs

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

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Striped Columns

View Docs

Use `.table-striped-columns` to add zebra-striping to any table column.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Hoverable Rows

View Docs

Add `.table-hover` to enable a hover state on table rows within a `<tbody>`

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Active Tables

View Docs

Highlight a table row or cell by adding a `.table-active` class.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Bordered Tables

View Docs

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

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Tables without Borders

View Docs

Add `.table-borderless` for a table without borders.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Small Tables

View Docs

Add `.table-sm` to make any `.table` more compact by cutting all cell `padding` in half.

Product Name | Category | Price | Stock | Rating
--- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★

#### Table Group Dividers

View Docs

Add a thicker border, darker between table groups— `<thead>` , `<tbody>` , and `<tfoot>` —with `.table-group-divider` . Customize the color by changing the `border-top-color` (which we don’t currently provide a utility class for at this time).

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Nesting

View Docs

Border styles, active styles, and table variants are not inherited by nested tables.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Variant | Color | SKU | Stock
--- | --- | --- | ---
Mini | Black | SPK-M-BLK | 80
Standard | Blue | SPK-S-BLU | 120
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Table Head

View Docs

Similar to tables and dark tables, use the modifier classes `.table-light` or `.table-dark` to make `<thead>` s appear light or dark gray.

Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

#### Captions

View Docs

A `<caption>` functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.

List of Ecommerce Products
Product Name | Category | Price | Stock | Rating | Status | Actions
--- | --- | --- | --- | --- | --- | ---
Bluetooth Speaker | Audio | $49.00 | 200 | 4.6 ★ | Active |
Leather Wallet | Accessories | $29.99 | 150 | 4.3 ★ | Active |
Fitness Tracker | Wearables | $89.00 | 60 | 4.1 ★ | Limited Stock |

##### Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

##### Select Theme

##### Default

##### Minimal

##### Modern

##### Material

##### SaaS

##### Flat

##### Galaxy

##### Retro

##### Neon

##### Pixel

##### Color Scheme

##### Light

##### Dark

##### System

##### Topbar Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Sidenav Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Image

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### On Hover

##### On Hover - Show

##### Offcanvas

##### Layout Width

##### Fluid

##### Boxed

##### Layout Direction

##### LTR

##### RTL

##### Layout Position

Fixed
Scrollable

##### Sidebar User Info