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 |
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