GEL Bootstrap 4

Basic

The base .table class: black text on white background with faint gray row separators.

Reference: Adapted from http://getbootstrap.com/docs/4.0/content/tables/#examples

To learn more visit Bootstrap's Tables documentation.

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
#	Column footing	Column footing	Column footing

Alternating table rows with white and colored backgrounds, which Bootstrap refers to as "zebra-striping."

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content

The information density of a table can be increased by using the .table-condensed class to decrease inter-row spacing.

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content

The use of various content types in a single container component.

#	Column heading	Column heading
1	Column content	Column content
2	Column content	Column content
3	Column content	Column content
4	Column content	Column content
5	Column content	Column content
6	Column content	Column content
7	Column content	Column content