table
v1.0.0arrow_drop_down




Adds zebra-striping to any table row within the <tbody>
.
Adds borders on all sides of the table and cells.
Removes all borders on the table and cells, including table header.
Enable a hover state on table rows within a <tbody>
.
Make tables more compact by cutting cell padding in half by setting
size as sm
.
Invert the colors of the table — with light text on dark backgrounds
by setting variant as dark
.
Responsive tables allow tables to be scrolled horizontally with ease.
Across every breakpoint, use responsive
for horizontally
scrolling tables. Responsive tables are wrapped automatically in a div
.
Use responsive="sm"
, responsive="md"
, responsive="lg"
, or
responsive="xl"
as needed to create responsive tables up to
a particular breakpoint. From that breakpoint and up, the table will
behave normally and not scroll horizontally.