Witch Zebra You Like ? - Web Experience Toolkit (WET)
Let me know your opinion at the WET Codefest or directly on my twitter.
Simple Table with Zebra and the Parser
A Caption
|
Header b |
Header c |
Header d |
Header e |
Item 2a |
Data 1b |
Data 2c |
Data 3d |
Data 4e |
Item 3a |
Data 1b |
Data 2c |
Data 3d |
Data 4e |
Item 1a |
Data 1b |
Data 2c |
Data 3d |
Data 4e |
Item 2a |
Data 1b |
Data 2c |
Data 3d |
Data 4e |
Item 3a |
Data 1b |
Data 2c |
Data 3d |
Data 4e |
Total |
Data 1b |
Data 2c |
Data 3d |
Data 4e |
Sample Table #1
Summary Column Highlight, No Column Hover
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
Sample Table #2
Summary Column Highlight, With Column Hover
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
Sample Table #3
Last Summary Column Highlight and Column Hover
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
Sample Table #4
Original Zebra
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
Sample Table #5
Original Zebra, Summary Column Highlight and Column Hover
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
Sample Table #6
Original Zebra, Summary Column Highlight and No Column Hover
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
Sample Table #7
Original Zebra, Last Summary Column Highlight and Column Hover
Item # |
Product |
Description |
Parts |
Installation |
Total |
Quantity |
Price |
Sub-Total |
Hours |
Rates |
Sub-Total |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
wet-boew-zebra |
Zebra |
Present usable tabular data |
2 |
48 $ |
96 $ |
5 |
25 $ |
125 $ |
221 $ |
- Date modified: