Hello John Doe

John Doe

Demonstration

Logout
20
Notification
Quick Links
New Contact
New Invoice
New Quote
New Expense

Tables

Basic Table

Add Class .table

# First Name Last Name Username Role
1 Mark Otto @mark admin
2 Jacob Thornton @jacob developer
3 Larry the Bird @larry intern
3 Sansa Stark @sansa member
Dark or Inverse Table

Add Class .table-dark.

# First Name Last Name Username Role
1 Mark Otto @mark admin
2 Jacob Thornton @jacob developer
3 Larry the Bird @larry intern
3 Sansa Stark @sansa member
Table head options

Add Class .thead-light or .thead-dark to thead.

# First Name Last Name Username Role
1 Mark Otto @mark admin
2 Jacob Thornton @jacob developer
# First Name Last Name Username Role
1 Mark Otto @mark admin
2 Jacob Thornton @jacob developer
Striped Table

Add Class .table-striped to table.

# First Name Last Name Username Role
1 Mark Otto @mark admin
2 Jacob Thornton @jacob developer
3 Larry the Bird @larry intern
4 Sansa Stark @sansa member
4 Cersei Lannister @cersei ruler
Hoverable Table

Add Class .table-hover

Invoice User Country Date Amount Status
Invoice#AS2469 Mark Otto USA Dec 13, 2017 $450.89 completed
Invoice#AS2470 Jacob Thornton UK Dec 10, 2017 $4150.67 Paid
Invoice#AS2471 Larry Bird AUS Dec 09, 2017 $2120.00 Shipped
Invoice#AS2472 Sansa Stark EU Dec 08, 2017 $3540.10 COD
Bordered Table

Add Class .table-bordered

Task Progress Deadline Action
Design the Fench
Nov 05, 2017
Office Renewation
Jan 05, 2018
Supplies and Purchases
Dec 15, 2017
Health and Safety
Dec 20, 2017
Migrate to New Location
Dec 25, 2017
Sales Report Analytics
Dec 15, 2017
Responsive Table

Add Class .table-responsive

Use .table-responsive{-sm|-md|-lg|-xl} as needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally.

# Table heading Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell Table cell
Primary Table

Add Class .table-head-bg .table-head-primary

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Success Table

Add Class .table-head-bg .table-head-success

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Basic Table

Add Class .table-head-bg .table-head-danger

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Basic Table

Add Class .table-head-bg .table-head-warning

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Basic Table

Add Class .table-head-bg .table-head-info

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Basic Table

Add Class .table-head-bg .table-head-dark

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Primary Bordered Table

Add Class .table-head-bg .table-head-primary.table-bordered-primary

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Success Bordered Table

Add Class .table-head-bg .table-head-success .table-bordered-success

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Danger Bordered Table

Add Class .table-head-bg .table-head-danger .table-bordered-danger

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Warning Bordered Table

Add Class .table-head-bg .table-head-warning .table-bordered-warning

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Secondary Bordered Table

Add Class .table-head-bg .table-head-secondary .table-bordered-secondary

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Dark Bordered Table

Add Class .table-head-bg .table-head-dark .table-bordered-dark

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Primary Background Table

Add Class .table-primary

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Success Background Table

Add Class .table-success

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Danger Background Table

Add Class .table-danger

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Warning Background Table

Add Class .table-warning

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Info Background Table

Add Class .table-info

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Dark Background Table

Add Class .table-dark

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Table Head Separator Primary

Add Class .table-head-separator-primary

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Table Head Separator Success

Add Class .table-head-separator-success

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Table Head Separator Danger

Add Class .table-head-separator-danger

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Table Head Separator Warning

Add Class .table-head-separator-warning

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Table Head Separator Info

Add Class .table-head-separator-info

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Table Head Separator Dark

Add Class .table-head-separator-dark

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Primary Bordered Table

Add Class .table-bordered .table-bordered-primary

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Success Bordered Table

Add Class .table-bordered .table-bordered-success

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Danger Bordered Table

Add Class .table-bordered .table-bordered-danger

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Warning Bordered Table

Add Class .table-bordered .table-bordered-warning

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Info Bordered Table

Add Class .table-bordered .table-bordered-info

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
Dark Bordered Table

Add Class .table-bordered .table-bordered-dark

# First Name Last Name Username
1 Mark Otto @mark
2 Jacob Thornton @jacob
3 Larry the Bird @larry
3 Sansa Stark @sansa
© 2018. Cryptoboard Admin Template by ManasaTheme