Jessie Franklin uploaded new file 844_jswork.pdf
Default Tables
Examples of default tables.
Basic Table
Add class table to <table> to get basic table.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Striped Rows
Add class table-striped to get stripped rows insed table body.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Table Bordered
Add class table-bordered to get bordered table style.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Table Hover
Add class table-hover to get background on hover.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Light Heading
Add class table-head-light to get table with light heading.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Custom Heading
Add class table-head-custom to get custom head style.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Table Inside Block
Add your table inside block to get table as part of block.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Bordered inside
We carried about all features that you need.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Using Template Features
Its possible to use all features inside table
| user | about | birthdate | role | actions |
|---|---|---|---|---|
 Juan Obrien UI/UX Designer | Lorem ipsum dolor sit | 25/12/1988 | ||
 John Doe Web Developer | Lorem ipsum dolor sit | 14/02/1989 | ||
 Stephany Owkins Designer | Lorem ipsum dolor sit | 09/12/1991 | ||
 Garret Tofty CEO | Lorem ipsum dolor sit | 09/12/1990 |
Table Responsive
Wrap your table in table-responsive to get responsive table.
| 2017 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| April | 70.4 % | 5.8 % | 17.5 % | 3.7 % | 1.3 % |
| March | 69.9 % | 6.1 % | 17.8 % | 3.6 % | 1.3 % |
| February | 69.0 % | 6.2 % | 18.6 % | 3.7 % | 1.3 % |
| January | 68.4 % | 6.2 % | 18.8 % | 3.7 % | 1.4 % |
Notifications
7 new, latest: July 19, 2016 at 10:14:32.
Product Delivered delivered
#SPW-955-18 to st. StreetName SA, USA.
19/07/2016 10:14:32 AM
Successful Payment success
Payment for order #SPW-955-17: $145.44.
19/07/2016 09:55:12 AM
New Order #SPW-955-17 waiting
Added new order, waiting for payment. Order details.
19/07/2016 09:51:55 AM
The critical amount of product important
Product: Extra Awesome Product (amount: 2). Storehouse.
19/07/2016 08:30:00 AM
Product Delivery Start delivering
#SPW-955-18 to st. StreetName SA, USA.
18/07/2016 06:14:32 PM
Settings
Notification Settings
