BASIC EXAMPLE
Basic table with lightly padded cells and horizontal dividers.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
STRIPED ROWS
For alternating background colors on the rows, add IsStriped attribute.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
BORDERED TABLE
For borders all around the table, use IsBordered attribute.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
HOVERABLE ROWS
To achieve that "hover" effect when mousing over the table rows, use IsHoverable attribute.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
BORDERLESS TABLE
For table without any borders set the IsBorderless attribute.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
SMALL TABLE
Add IsNarrow to make tables more compact by cutting cell padding in half.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
LIGHT HEADER
Use the Theme attribute to make header appear light or dark gray.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
DARK HEADER
Use the Theme attribute to make header appear light or dark gray.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
CONTEXTUAL COLORS
Use Color on table rows or individual cells.
# 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
8 Column content Column content Column content
9 Column content Column content Column content
CONTEXTUAL WITH BACKGROUND COLOR
Use Background and TextColor on table rows or individual cells.
# 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
8 Column content Column content Column content
9 Column content Column content Column content