Card table options
Various table placement options
Card body + table
Simple example of the table that comes right after card body container (default placement). Doesn't require any additional classes since default table style doesn't include horizontal borders.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
Table + card body
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
In this example card body container comes after table - by default all table cells have top border, in this specific case card body includes top border for better visual content separation.
Combined table styles
In this example table combines all default table styles: stripes, borders and row highlight. As always, all tables require base .table class for proper styling that matches Limitless theme.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
Table at the bottom
This element's order can be handy if you need to show the table at the very bottom of the card, below all other content containers - header, body and footer. You can of course add other content below.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank