Basic Example
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
4 |
Jane |
Birkins |
Support |
+3 774 28 50 |
Invert the colors
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
4 |
Jane |
Birkins |
Support |
+3 774 28 50 |
Table head options
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
Striped rows
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
Bordered table
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
Hoverable rows
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
# |
First Name |
Last Name |
Position |
Phone |
1 |
John |
Doe |
CEO, Founder |
+3 555 68 70 |
2 |
Anna |
Cabana |
Designer |
+3 434 65 93 |
3 |
Kale |
Thornton |
Developer |
+3 285 42 88 |
Contextual colors
# |
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 |
# |
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 |