@@include('./src/components/_global/include-header.html')
@@include('./src/components/_global/include-loader.html') @@include('./src/components/_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.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
@@include('./src/components/_global/include-copyright.html')
@@include('./src/components/_global/include-footer.html')