The .table class adds basic styling to a table.

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

Add .table-borderlessfor a table without borders.

.table-borderlesscan also be used on dark tables.

Add .table-smto 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-stripedto add zebra-striping to any table row within the <tbody>.

Add .table-hoverto 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 utilitiesto achieve similar styles.