Table Example
Basic Table Basic example without any additional modification classes
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Striped Rows Use .table-stripedto add zebra-striping to any table row within the <tbody>
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Bordered Table Add .table-borderedfor borders on all sides of the table and cells.
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Hover Rows Add .table-hoverto enable a hover state on table rows within a <tbody>.
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Basic Example 1
| # | Patients | Adress | START Date | END Date | Status |
|---|---|---|---|---|---|
| 1 | John | 70 Bowman St. South Windsor,CT 06074 | Sept 13,2017 | Sept 16,2017 | Admit |
| 2 | Jack Bird | 123 6th St. Melbourne,FL 32904 | Sept 13,2017 | Sept 22,2017 | Discharge |
| 3 | Dean Otto | 123 6th St. Melbourne,FL 32904 | Sept 13,2017 | Sept 23,2017 | Admit |
| 4 | Jack Bird | 4 Shirley Ave. West Chicago,IL 60185 | Sept 17,2017 | Sept 16,2017 | Discharge |
| 5 | Hughe L. | 4 Shirley Ave. West Chicago,IL 60185 | Sept 18,2017 | Sept 18,2017 | Admit |
Basic Example 2
| Name | Phone | Address | Action | |
|---|---|---|---|---|
 John Smith | 264-625-2583 | 123 6th St. Melbourne,FL 32904 | ||
 Hossein Shams | 264-625-5689 | 44 Shirley Ave. West Chicago,IL 60185 | ||
 Frank Camly | 264-625-9999 | 123 6th St. Melbourne,FL 32904 | ||
 Tim Hank | 264-625-1212 | 70 Bowman St. South Windsor,CT 06074 |
Basic Example 3
| Media | Name | Spent | Change |
|---|---|---|---|
Facebook Ads1.2k Likes,418 Shares | $ 402Spent | 23 up | |
Twitter Ads1k Likes,128 Shares | $ 489Spent | -9 down | |
Instagram Post1k Follows,228 Likes | $ 718Spent | 16 up | |
LinkedIn Post1k Follows,228 Likes | $ 768Spent | 27 up | |
Google+1k Follows,228 Likes | $ 1768Spent | 27 up |
Basic Example 4
| Media | Name | Like | Comments | Share | Members |
|---|---|---|---|---|---|
| Linked InFlorida,United States | 19K | 14K | 10K | 2341 | |
| TwitterArkansas,United States | 7K | 11K | 21K | 952 | |
| FacebookIllunois,United States | 15K | 18K | 8K | 6127 | |
| Google PlusArizona,United States | 15K | 18K | 154 | 325 | |
| YouTubeAlaska,United States | 15K | 18K | 200 | 160 |
Basic Example 6
| 862 Records | 35% | |||
| 451 Records | 15% | |||
| Mailchimp | 502 Records | 20% | ||
| 502 Records | 20% | |||
| Other | 237 Records | 10% |
Basic Example 7
| 862 Records | 241 | 595 | ||
| 451 Records | 540 | 1K | ||
| 502 Records | 102 | 201 | ||
| 502 Records | 21 | 28 | ||
| Other | 237 Records | 9 | 15 |
Basic Example 8
| Order No | Product Name | Purchased On | Shipping Status | Payment Method | Payment Status | ||
|---|---|---|---|---|---|---|---|
| Q01 | Iphone 7 | 12 Jan 2018 | Dispatched | Credit card | View Order | ||
| Q02 | Galaxy S8 | 18 Jan 2018 | Dispatched | Internet banking | View Order | ||
| Q03 | Amazon Echo | 22 Feb 2018 | Dispatched | Credit card | View Order | ||
| Q04 | Google Pixel | 22 Feb 2018 | Dispatched | Cash on delivery | View Order | ||
| Q05 | Mac Mini | 8 March 2018 | Dispatched | Debit card | View Order |