Tables

Tables in Cards

Tables should be outside <Card.Body> so that they are full width.

Additionally its recommended to add the class table-extra-padding-first-last-column to the Table to re-align the first and last column content.

Additionally, if the table is directly below the <Card.Header> make sure there is no padding / margin between the bottom line of the header and the top of the table.

Typically, controls should be directly above, in the card header if appropriate.