Table basic

  1. Home
  2. pages
  3. Table basic

Basic Table

Add class .table
#First NameLast NameUsernameRole
1DeshmukhProhaska@Geneliaadmin
2DeshmukhGaylord@Riteshmember
3SanghaniGusikowski@Govindadeveloper
4RoshanRogahn@Hritiksupporter
5JoshiHickle@Marutimember
6NigamEichmann@Sonusupporter

Table Hover

Add class .table-hover
#ProductsPopularitySales
1Milk Powder0,-3,-2,-4,-5,-4,-3,-2,-5,-128.76%
2Air Conditioner0,-1,-1,-2,-3,-1,-2,-3,-1,-28.55%
3RC Cars0,3,6,1,2,4,6,3,2,158.56%
4Down Coat0,3,6,4,5,4,7,3,4,235.76%

Bordered Table

Add.table-borderedfor borders on all sides of the table and cells.
TaskProgressDeadlineAction
Lunar probe project
May 15, 2015
Dream successful plan
July 1, 2015
Office automatization
Apr 12, 2015
The sun climbing plan
Aug 9, 2015
Open strategy
Apr 2, 2015
Tantas earum numeris
July 11, 2015

Striped Table

Add.table-stripedfor borders on all sides of the table and cells.
TaskProgressDeadlineAction
Lunar probe project
May 15, 2015
Dream successful plan
July 1, 2015
Office automatization
Apr 12, 2015
The sun climbing plan
Aug 9, 2015
Open strategy
Apr 2, 2015
Tantas earum numeris
July 11, 2015

Responsive Table

Create responsive tables by wrapping any .tablein .table-responsive
InvoiceUserDateAmountStatusCountry
Order #26589Herman BeckOct 16, 2017$45.00
Paid
EN
Order #58746Mary AdamsOct 12, 2017$245.30
Shipped
CN
Order #98458Caleb RichardsMay 18, 2017$38.00
Shipped
AU
Order #32658June LaneApr 28, 2017$77.99
Paid
FR

Contexual Classes

Use classes ( .table-active, .table-success, .table-info, .table-warning, .table-danger )to color table rows or individual cells
#Column headingColumn headingColumn heading
1Column contentColumn contentColumn content
2Column contentColumn contentColumn content
3Column contentColumn contentColumn content
4Column contentColumn contentColumn content
5Column contentColumn contentColumn content
Service Panel
© 2017 Admin Press Admin by themedesigner.in