hover props to customise the table.
size="sm" to make tables compact by cutting cell padding in half.
variant="dark" to invert the colors of the table and get light text
on a dark background.
striped to add zebra-striping to any table row within the table.
striped="columns" to add zebra-striping to any table column.
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. The following example
has 12 columns that are scrollable horizontally.
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.