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
Settings
Layout
Theme