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.js-uix-table--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 |
Row Dropzone
Not applicable to tables with <table>
Column Title
Column Title
Column Title
Row Item Alpha
Row Item Alpha
Row Item Alpha
Row Item Bravo
Row Item Bravo
Row Item Bravo
Row Item Charlie
Row Item Charlie
Row Item Charlie
Row Item Delta
Row Item Delta
Row Item Delta
Row Item Echo
Row Item Echo
Row Item Echo