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-striped
to 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-bordered
for 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-hover
to 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 |