container-header

Tables Basics

container-breadcrumb
  1. Home
  2. Tables
  3. Tables Basics
Settings
Fixed sidebar
Fixed footer
Fixed top navbar
Collapse sidebar
Boxed
Background
Default
Dark
Light
Themes
Default
White Light
Blue Navy
Blue Sky
Lime Lemon
Star Dust
Green Tea
Orange Round
Yellow Sun
Deep Purple
Yummy Chocolate
Dark Night
Soft Green
Wheel Red
Table Simple

CSS Classes: .table

#NameSurnameEmail
1OttoDoggy[email protected]
2AddaLady[email protected]
3ThomasPetterson[email protected]
4PeterThomasson[email protected]
Table Stripped

CSS Classes: .table-striped

#NameSurnameDifference
1OttoDoggy28%
2AddaLady-10%
3ThomasPetterson30%
4PeterThomasson20%
Table Bordered

CSS Classes: .table-bordered

#NameSurnameEmail
1OttoDoggy[email protected]
2AddaLady[email protected]
3ThomasPetterson[email protected]
4PeterThomasson[email protected]
Table Responsive

CSS Classes: .table-responsive

#NameSurnameEmail
1OttoDoggy20%
2AddaLady-20%
3ThomasPetterson18%
4PeterThomasson-6%
Table Hover Rows

CSS Classes: .table-hover

#NameSurnameEmail
1OttoDoggy20%
2AddaLady-20%
3ThomasPetterson18%
4PeterThomasson-6%
Table Theme Hover Rows

CSS Classes: .table-theme-hover

Change color theme and move the pointer over the rows.

#NameSurnameEmail
1OttoDoggy20%
2AddaLady-20%
3ThomasPetterson18%
4PeterThomasson-6%
Table Condensed

CSS Classes: .table-condensed

#NameSurnameEmail
1OttoDoggy20%
2AddaLady-20%
3ThomasPetterson18%
4PeterThomasson-6%
Table Contextual Classes

Contextual classes can be used to color table rows () or table cells ():

CSS Classes: .table+ .info.warning.danger.success

#NameSurnameEmail
1OttoDoggy+1%
2AddaLady0%
3ThomasPetterson-11%
4PeterThomasson0%
5ThomasPetterson-90%
6PeterThomasson0%
7ThomasPetterson28%
8PeterThomasson0%