The .table class adds basic styling to a table.

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

Add .table-borderless for a table without borders.

.table-borderless can also be used on dark tables.

Add .table-sm to make tables more compact by cutting cell padding in half.

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.

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

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

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

Use contextual classes to color table rows or individual cells.

Regular table background variants are not available with the dark table, however, you may use text or background utilities to achieve similar styles.