0%
Uix Kit

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