@@include('./src/components/ES6/_global/include-header.html')
@@include('./src/components/ES6/_global/include-loader.html') @@include('./src/components/ES6/_global/include-toggle-trigger.html')

### 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 | Email
--- | --- | --- | ---
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 | Email
--- | --- | --- | ---
1 | David Lin | 123 344 4343 | 35745784
2 | Co Cheey | 231 343 3334 | 1490933
3 | Foristin | 767 929 1212 | 7954511

Number | Name | Phone | Email
--- | --- | --- | ---
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 | Email
--- | --- | --- | ---
3 | Foristin | 767 929 1212 | 7954511
content | content

Number | Name | Phone | Email
--- | --- | --- | ---
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

@@include('./src/components/ES6/_global/include-copyright.html') @@include('./src/components/ES6/_global/include-footer.html')