Table Series
Provides some common styles of table.
| Employee | Salary | |
|---|---|---|
| John Saddington | $1 | Because that’s all Steve Job’ needed for a salary. |
| Tom McFarlin | $100K | For all the blogging he does. |
| Jared Erickson | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Chris Ames | $100B | With hair like that?! Enough said… |
| Number | Name | Phone | |
|---|---|---|---|
| Text 1 | Text 2 | Text 3 | Text 4 |
| 1 | David Lin | 123 344 4343 | 35745784 |
| 2 | Co Cheey | 231 343 3334 | 1490933 |
| 3 | Foristin | 767 929 1212 | 7954511 |
| 01 | No. 329395683525385873 | Contact | |
|
|
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. | $25.5 | $33.5 |
| 02 | No. 329395683525385873 | Contact | |
|
|
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. | $25.5 | $1225.5 |
| Number | Name | Phone | |
|---|---|---|---|
| 1 | David Lin | 123 344 4343 | 35745784 |
| 2 | Co Cheey | 231 343 3334 | 1490933 |
| 3 | Foristin | 767 929 1212 | 7954511 |
| Number | Name | Phone | |
|---|---|---|---|
| 1 | David Lin | 123 344 4343 | 35745784 |
| 2 | Co Cheey | 231 343 3334 | 1490933 |
| 3 | Foristin | 767 929 1212 | 7954511 |
| 4 | David Lin | 123 344 4343 | 35745784 |
| 5 | Co Cheey | 231 343 3334 | 1490933 |
| 6 | Foristin | 767 929 1212 | 7954511 |
Title Here |
||
| List 1 | Content 1 | Remark 1 |
| List 2 | Content 2 | Remark 2 |
| List 3 | Content 3 | Remark 3 |
| Number | Name | Phone |
|---|---|---|
| Center | Left | Right |
| Number | Name | Phone | |
|---|---|---|---|
| 3 | Foristin | 767 929 1212 | 7954511 |
| content | content | ||
| Number | Name | Phone | |
|---|---|---|---|
| 3 | Foristin | 767 929 1212 | 7954511 |
| content | content | ||
| Month | '94 | '95 | '96 | '97 | '98 | '99 | '00 | '01 | '02 |
|---|---|---|---|---|---|---|---|---|---|
| Jan | 14 | 13 | 14 | 13 | 14 | 11 | 11 | 11 | 11 |
| Feb | 13 | 15 | 12 | 15 | 15 | 12 | 14 | 13 | 13 |
| Mar | 16 | 15 | 14 | 17 | 16 | 15 | 14 | 15 | 15 |
| Apr | 17 | 16 | 17 | 17 | 17 | 15 | 15 | 16 | 16 |
| May | 21 | 20 | 20 | 21 | 22 | 20 | 21 | 20 | 19 |
| Jun | 24 | 23 | 25 | 24 | 25 | 23 | 25 | 23 | 24 |
| Jul | 29 | 28 | 26 | 26 | 27 | 26 | 25 | 26 | 25 |
| Aug | 29 | 28 | 27 | 28 | 28 | 27 | 26 | 28 | 26 |
| Sep | 24 | 23 | 23 | 26 | 24 | 24 | 24 | 22 | 21 |
| Oct | 20 | 22 | 20 | 22 | 20 | 19 | 20 | 22 | |
| Nov | 18 | 17 | 16 | 17 | 16 | 15 | 14 | 15 | |
| Dec | 15 | 13 | 13 | 14 | 13 | 10 | 13 | 11 |
Responsive Table
Change window size to watch. The class .is-responsive used here will be applied .uix-table
| Head 1 | hidden on mobile | Head 2 | Head 3 |
|---|---|---|
| 1. | Content 1 | Remark 1 |
| 2. | Content 2 | Remark 2 |
| 3. | Content 3 | Remark 3 |
Responsive Table with Scroll Bars
Change window size to watch. The class .js-uix-table--responsive-scrolled used here will be applied .uix-table
| Numbers | Names | Values | Dates | Cash Money | Messages | Note |
|---|---|---|---|---|---|---|
| 000000001 | Dr. Jayhawk | 102 | 03/30/1940 | $60.42 | PAID | Remark |
| 000000002 | Dr. Jayhawk | 137 | 03/18/1953 | $69.68 | PAID | Remark |
| 000000003 | Dr. Wolverine Longer Text Test | 154 | 03/29/1976 | $86.68 | PAID | Remark |
| 000000004 | Dr. Tarheel | 113 | 03/30/1981 | $63.50 | PAID | Remark |
| 000000005 | Dr. Orange | 147 | 03/30/1987 | $74.73 | PAID | Remark |
| 000000006 | Dr. Who | 000 | 04/08/2013 | $0.00 | PENDING | Remark |