## Tables

###### Data Table

For basic styling—light padding and only horizontal dividers—use the class table.

###### Lead | ###### Email | ###### Phone No | ###### Company | ###### Action
--- | --- | --- | --- | ---
Courtney Henry | yourmail@gmail.com | (303)555 3343523 | UIdeck digital agency |
JOhn Doe | yourmail@gmail.com | (303)555 3343523 | Graygrids digital agency |
David Smith | yourmail@gmail.com | (303)555 3343523 | Abc agency |
Jonathon | yourmail@gmail.com | (303)555 3343523 | Creative IT Agency |
Anna Lee | yourmail@gmail.com | (303)555 3343523 | Halal It agency |
Gray Simon | yourmail@gmail.com | (303)555 3343523 | DesignCourse |

###### Striped Table

For Striped Table—light padding and only horizontal dividers.

| ###### Account No | ###### Balance | ###### Action
--- | --- | --- | ---
| AC336 508 2157 | $523 |
| AC336 756 0987 | $123 |
| AC336 098 8765 | $223 |
| AC336 897 3242 | $323 |
| AC336 654 0987 | $423 |
| AC336 234 9804 | $523 |

###### Table head options

Use one of two modifier classes to make thead appear light or dark gray.

| ###### First Name | ###### Last Name | ###### Username
--- | --- | --- | ---
###### #1 | Albert | Miles | @albert_miles
###### #2 | John | Doe | @john_doe
###### #3 | David | Smith | @davidsmith
###### #4 | Jameel | Kareem | @jkreem
###### #5 | Anna | Miles | @anna_miles
###### #6 | Hafiz | Miles | @hafiz_miles

###### Data Table

For basic styling—light padding and only horizontal dividers—use the class table.

###### # | ###### Name | ###### Email | ###### Project | ###### Status | ###### Action
--- | --- | --- | --- | --- | ---
| Esther Howard | yourmail@gmail.com | Admin Dashboard Design | Active |
| D. Jonathon | yourmail@gmail.com | React Dashboard | Active |
| John Doe | yourmail@gmail.com | Bootstrap Template | Done |
| Rayhan Jamil | yourmail@gmail.com | Css Grid Template | Pending |
| Esther Howard | yourmail@gmail.com | Admin Dashboard Design | Close |
| Anee Doe | yourmail@gmail.com | Space Template Update | Active |