From 512b0ba4d5f0926167343e9e414bd54e4364c4bb Mon Sep 17 00:00:00 2001
From: Pierre Dubois <pierre.dubois@ic.gc.ca>
Date: Mon, 25 Jun 2012 20:22:27 -0500
Subject: [PATCH] Kind of Zebra Example

---
 demos/table-parser/Witch_Zebra_You_Like.html | 1987 ++++++++++++++++++
 1 file changed, 1987 insertions(+)
 create mode 100644 demos/table-parser/Witch_Zebra_You_Like.html
diff --git a/demos/table-parser/Witch_Zebra_You_Like.html b/demos/table-parser/Witch_Zebra_You_Like.html
new file mode 100644
index 00000000000..5fab6d2debb
--- /dev/null
+++ b/demos/table-parser/Witch_Zebra_You_Like.html
@@ -0,0 +1,1987 @@
+<!DOCTYPE html>
+<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html lang="en" class="no-js">
+<!--<![endif]-->
+<head>
+<meta charset="utf-8" />
+<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
+www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions -->
+<title>Witch Zebra You Like ? - Table Usability - Web Experience Toolkit (WET)</title>
+
+
+
+<link rel="shortcut icon" href="../../build/theme-gcwu-fegc/images/favicon.ico" />
+<meta name="dcterms.description" content="English description/Description en anglais" />
+<meta name="description" content="English description/Description en anglais" />
+<meta name="keywords" content="English keywords/Mots-clés en anglais" />
+<meta name="dcterms.creator" content="English name of the content author/Nom en anglais de l'auteur du contenu" />
+<meta name="dcterms.title" content="English title/Titre en anglais" />
+<meta name="dcterms.issued" title="W3CDTF" content="Date published (YYYY-MM-DD)/Date de publication (AAAA-MM-JJ)" />
+<meta name="dcterms.modified" title="W3CDTF" content="Date modified (YYYY-MM-DD)/Date de modification (AAAA-MM-JJ)" />
+<meta name="dcterms.subject" title="scheme" content="English subject terms/Termes de sujet en anglais" />
+<meta name="dcterms.language" title="ISO639-2" content="eng" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+<script src="../../build/js/jquery.min.js"></script>
+
+<!-- The following script are for the try it button -->
+<script>
+	//<![CDATA[
+	$(document).ready(function(){
+		
+		
+		function newzebra (tblSelector, isColumnHover){
+		
+		
+		// Column color for summary colgroup
+		$.each($(tblSelector + ':summary'), function(){
+			$(this).collevel(0).css('background-color', '#faf0fa');
+			$(this).collevel(1).css('background-color', '#F0FAFA');
+			$(this).collevel(2).css('background-color', '#F0FAF0');
+			$(this).collevel(3).css('background-color', '#FAFAF0');
+			$(this).collevel(4).css('background-color', '#f0f0fa');
+		});
+
+		// Key cell styling
+		$.each($(tblSelector + ':keycell'), function(){
+			$(this).css('font-style', 'italic');
+			$(this).css('padding', '8px');
+			$(this).collevel(4).css('background-color', '#f0f0fa');
+		});
+		
+		// Description cell styling
+		$.each($(tblSelector + ':description'), function(){
+			$(this).css('font-style', 'italic');
+			$(this).css('padding', '8px');
+			$(this).css('background-color', '#F4F4F4');
+		});
+
+		// Column Group Level color
+		$.each($(tblSelector + ' colgroup:data'), function(){
+			$.each($(this).col().first().cell(), function(){
+				
+				$(this).tbldata().collevel(1).css('border-left', '2px solid #7dfafa');
+				$(this).tbldata().collevel(2).css('border-left', '2px solid #7dfa7d');
+				$(this).tbldata().collevel(3).css('border-left', '2px solid #fafa7d');
+				$(this).tbldata().collevel(4).css('border-left', '2px solid #7d7dfa');
+			});
+			$.each($(this).col(), function(){
+
+				$(this).tblheader().collevel(1).css('border-bottom', '2px solid #7dfafa');
+				$(this).tblheader().collevel(2).css('border-bottom', '2px solid #7dfa7d');
+				$(this).tblheader().collevel(3).css('border-bottom', '2px solid #fafa7d');
+				$(this).tblheader().collevel(4).css('border-bottom', '2px solid #7d7dfa');
+				
+			});
+		});
+		
+		$.each($(tblSelector + ' colgroup:summary'), function(){
+			$.each($(this).col().last().cell(), function(){
+				
+				$(this).summary().collevel(1).css('border-right', '2px solid #7dfafa');
+				$(this).summary().collevel(2).css('border-right', '2px solid #7dfa7d');
+				$(this).summary().collevel(3).css('border-right', '2px solid #fafa7d');
+				$(this).summary().collevel(4).css('border-right', '2px solid #7d7dfa');
+			});
+			$.each($(this).col(), function(){
+
+				$(this).tblheader().collevel(1).css('border-bottom', '2px solid #7dfafa');
+				$(this).tblheader().collevel(2).css('border-bottom', '2px solid #7dfa7d');
+				$(this).tblheader().collevel(3).css('border-bottom', '2px solid #fafa7d');
+				$(this).tblheader().collevel(4).css('border-bottom', '2px solid #7d7dfa');
+				
+			});
+		});
+		
+
+		// Mouse hover 
+		$(tblSelector + ':data, ' + tblSelector + ':summary' ).hover(
+			function(){
+
+				$.each($(this).row().cell(), function(){
+					if(!$(this).data().zebraPrevBgColor){
+						$(this).data().zebraPrevBgColor = $(this).css('background-color');
+					}
+					
+					// HighLight
+					// Level 1 #F0FAFA
+					// Level 2 #F0FAF0
+					// Level 3 #FAFAF0
+					
+					$(this).tbldata().css('background-color', '#EEEEEE');
+					$(this).summary().css('background-color', 'white');
+					
+				});
+				
+				if(isColumnHover){
+					$.each($(this).col().cell(), function(){
+						if(!$(this).data().zebraPrevBgColor){
+							$(this).data().zebraPrevBgColor = $(this).css('background-color');
+						}
+						$(this).collevel(1).css('background-color', '#F0FAFA');
+						$(this).collevel(2).css('background-color', '#F0FAF0');
+						$(this).collevel(3).css('background-color', '#FAFAF0');
+						$(this).collevel(4).css('background-color', '#f0f0fa');
+						
+						$(this).summary().css('background-color', '#FFFFFF');
+					});
+					
+					$(this).css('background-color', 'white');
+					
+					
+					
+					$(this).summary(1).css('background-color', '#F0FAFA');
+					$(this).summary(2).css('background-color', '#F0FAF0');
+					$(this).summary(3).css('background-color', '#FAFAF0');
+					$(this).summary(4).css('background-color', '#f0f0fa');
+				}
+				
+				
+				// Highlight the header
+				$(this).row().tblheader().data().zebraPrevBgColor = $(this).row().tblheader().css('background-color');
+				$(this).row().tblheader().css('background-color', 'lightgray');
+
+				$(this).col().tblheader().data().zebraPrevBgColor = $(this).col().tblheader().css('background-color');
+				$(this).col().tblheader().css('background-color', 'lightgray');
+			},
+			function(){
+				$.each($(this).row().cell(), function(){
+					if($(this).data().zebraPrevBgColor){
+						$(this).css('background-color',  $(this).data().zebraPrevBgColor);
+						// delete $(this).data().zebraPrevBgColor;
+					}
+				});
+
+				$.each($(this).col().cell(), function(){
+					if($(this).data().zebraPrevBgColor){
+						$(this).css('background-color',  $(this).data().zebraPrevBgColor);
+						// delete $(this).data().zebraPrevBgColor;
+					}
+				});
+				
+				
+				$(this).row().tblheader().css('background-color', $(this).row().tblheader().data().zebraPrevBgColor);
+				delete $(this).row().tblheader().data().zebraPrevBgColor;
+
+				$(this).col().tblheader().css('background-color', $(this).col().tblheader().data().zebraPrevBgColor);
+				delete $(this).col().tblheader().data().zebraPrevBgColor;
+			}
+		);
+		
+	}
+	
+	newzebra('table:eq(0)', false);
+	newzebra('table:eq(1)', true);
+	newzebra('table:eq(2)', true);
+	
+	newzebra('table:eq(4)', true);
+	newzebra('table:eq(5)', false);
+	newzebra('table:eq(6)', true);
+	
+	});
+	//]]>
+</script>
+<!-- END of Try it button -->
+
+<link rel="stylesheet" href="../../build/grids/css/util-min.css" />
+<!--[if lte IE 8]>
+<link rel="stylesheet" href="../../build/js/css/pe-ap-ie-min.css" />
+<link rel="stylesheet" href="../../build/theme-gcwu-fegc/css/theme-ie-min.css" />
+<![endif]-->
+<!--[if gt IE 8]><!-->
+<link rel="stylesheet" href="../../build/js/css/pe-ap-min.css" />
+<link rel="stylesheet" href="../../build/theme-gcwu-fegc/css/theme-min.css" />
+<!--<![endif]-->
+
+<!-- CustomScriptsCSSStart -->
+<!-- CustomScriptsCSSEnd -->
+</head>
+
+<body><div id="wb-body">
+<div id="wb-skip">
+<ul id="wb-tphp">
+<li id="wb-skip1"><a href="#wb-cont">Skip to main content</a></li>
+<li id="wb-skip2"><a href="#wb-nav">Skip to footer</a></li>
+</ul>
+</div>
+
+<div id="wb-head"><div id="wb-head-in"><header>
+<!-- HeaderStart -->
+<nav role="navigation"><div id="gcwu-gcnb"><h2>Government of Canada navigation bar</h2><div id="gcwu-gcnb-in"><div id="gcwu-gcnb-fip">
+<div id="gcwu-sig"><div id="gcwu-sig-in"><div id="gcwu-sig-eng" title="Government of Canada"><img src="../../build/theme-gcwu-fegc/images/sig-eng.gif" width="214" height="20" alt="Government of Canada" /></div></div></div>
+<ul>
+<li id="gcwu-gcnb1"><a rel="external" href="http://www.canada.gc.ca/home.html">Canada.gc.ca</a></li>
+<li id="gcwu-gcnb2"><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml">Services</a></li>
+<li id="gcwu-gcnb3"><a rel="external" href="http://www.canada.gc.ca/depts/major/depind-eng.html">Departments</a></li>
+<li id="gcwu-gcnb-lang"><a href="zebra-fra.html" lang="fr">Français</a></li>
+</ul>
+</div></div></div></nav>
+
+<div id="gcwu-bnr" role="banner"><div id="gcwu-bnr-in">
+<div id="gcwu-wmms"><div id="gcwu-wmms-in"><div id="gcwu-wmms-fip" title="Symbol of the Government of Canada"><img src="../../build/theme-gcwu-fegc/images/wmms.gif" width="126" height="30" alt="Symbol of the Government of Canada" /></div></div></div>
+<div id="gcwu-title"><p id="gcwu-title-in"><a href="../../docs/index-eng.html">Web Experience Toolkit&#160;(WET)</a></p></div>
+
+<section role="search"><div id="gcwu-srchbx"><h2>Search</h2>
+<form action="#" method="post"><div id="gcwu-srchbx-in">
+<label for="gcwu-srch">Search website</label><input id="gcwu-srch" name="gcwu-srch" type="text" value="" size="27" maxlength="150" />
+<input id="gcwu-srch-submit" name="gcwu-srch-submit" type="submit" value="Search" data-icon="search" />
+</div></form>
+</div></section>
+</div></div>
+
+<nav role="navigation">
+<div id="gcwu-psnb"><h2><span>Site</span> menu</h2><div id="gcwu-psnb-in"><div class="wet-boew-menubar mb-mega"><div>
+<ul class="mb-menu" data-ajax-replace="../includes/menu-eng.html">
+<li><div><a href="http://wet-boew.github.com/wet-boew/docs/index-eng.html">WET project</a></div></li>
+<li><div><a href="section2/index-eng.html">Section 2</a></div></li>
+<li><div><a href="#">Section 3</a></div></li>
+<li><div><a href="#">Section 4</a></div></li>
+<li><div><a href="#">Section 5</a></div></li>
+<li><div><a href="#">Section 6</a></div></li>
+<li><div><a href="#">Section 7</a></div></li>
+</ul>
+</div></div></div></div>
+
+<div id="gcwu-bc"><h2>Breadcrumb trail</h2><div id="gcwu-bc-in">
+<ol>
+<li><a href="../../docs/index-eng.html">Home</a></li>
+<li><a href="../index-eng.html">Working examples</a></li>
+<li>Table Usability - Web Experience Toolkit (WET)</li>
+</ol>
+</div></div>
+</nav>
+<!-- HeaderEnd -->
+</header></div></div>
+
+<div id="wb-core"><div id="wb-core-in" class="equalize">
+<div id="wb-main" role="main"><div id="wb-main-in">
+<!-- MainContentStart -->
+
+<h1 id="cn-cont">Witch Zebra You Like ? - Web Experience Toolkit (WET)</h1>
+
+<p>Let me know your opinion at the <a href="https://github.com/wet-boew/wet-boew/wiki/WxT-CodeFest-Collaborative-Activities#wiki-Complex_Data_Table_and_Charts_and_Graph">WET Codefest</a> or directly on <a href="https://twitter.com/#!/duboi5p">my twitter</a>.</p>
+
+<ul>
+	<li><a href="#sample1">Sample Table #1</a></li>
+	<li><a href="#sample2">Sample Table #2</a></li>
+	<li><a href="#sample3">Sample Table #3</a></li>
+	<li><a href="#sample4">Sample Table #4</a></li>
+	<li><a href="#sample5">Sample Table #5</a></li>
+	<li><a href="#sample6">Sample Table #6</a></li>
+	<li><a href="#sample7">Sample Table #7</a></li>
+</ul>
+
+<h3 id="sample1">Sample Table #1</h3>
+
+<table>
+	<caption>Summary Column Highlight, No Column Hover</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+	</colgroup>
+	
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+
+
+<h3 id="sample2">Sample Table #2</h3>
+
+<table>
+	<caption>Summary Column Highlight, With Column Hover</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+
+	
+<h3 id="sample3">Sample Table #3</h3>
+
+<table>
+	<caption>Last Summary Column Highlight and Column Hover</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+		<col />
+		<col />
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+		
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+	
+
+
+<h3 id="sample4">Sample Table #4</h3>
+
+<table class="wet-boew-zebra">
+	<caption>Original Zebra</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+	</colgroup>
+	
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+
+
+
+<h3 id="sample5">Sample Table #5</h3>
+
+<table class="wet-boew-zebra">
+	<caption>Original Zebra, Summary Column Highlight and Column Hover</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+	</colgroup>
+	
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+
+
+
+
+<h3 id="sample6">Sample Table #6</h3>
+
+<table class="wet-boew-zebra">
+	<caption>Original Zebra, Summary Column Highlight and No Column Hover</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+		<col />
+	</colgroup>
+	<colgroup>
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+	</colgroup>
+	
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+
+
+
+<h3 id="sample7">Sample Table #7</h3>
+
+<table class="wet-boew-zebra">
+	<caption>Original Zebra, Last Summary Column Highlight and Column Hover</caption>
+	<colgroup span="3" />
+	
+	<colgroup>
+		<col />
+		<col />
+		<col />
+		<col />
+		<col />
+		<col />
+	</colgroup>
+
+	<colgroup>
+		<col />
+	</colgroup>
+	
+	<thead>
+		<tr>
+			<th rowspan="2">Item #</th>
+			<th rowspan="2">Product</th>
+			<th rowspan="2">Description</th>
+			<th colspan="3">Parts</th>
+			<th colspan="3">Installation</th>
+			<th rowspan="2">Total</th>
+		</tr>
+		
+		<tr>
+			<th>Quantity</th>
+			<th>Price</th>
+			<th>Sub-Total</th>
+			
+			<th>Hours</th>
+			<th>Rates</th>
+			<th>Sub-Total</th>
+		</tr>
+	</thead>
+	
+	<tbody>
+	
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+		<tr>
+			<td>wet-boew-zebra</td>
+			<th>Zebra</th>
+			<td>Present usable tabular data</td>
+			<td>2</td>
+			<td>48 $</td>
+			<td>96 $</td>
+			<td>5</td>
+			<td>25 $</td>
+			<td>125 $</td>
+			<td>221 $</td>
+		</tr>
+	
+	</tbody>
+	
+	
+</table>
+
+
+
+<dl id="gcwu-date-mod" role="contentinfo">
+<dt>Date modified:</dt><dd><span><time>2012-06-25</time></span></dd>
+</dl>
+<div class="clear"></div>
+<!-- MainContentEnd -->
+</div></div>
+</div></div>
+
+<div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Footer</h2>
+<!-- FooterStart -->
+<nav role="navigation"><div id="gcwu-sft"><h3>Site footer</h3><div id="gcwu-sft-in">
+<div id="gcwu-tctr">
+<ul>
+<li class="gcwu-tc"><a href="#" rel="license">Terms and conditions</a></li>
+<li class="gcwu-tr"><a href="#">Transparency</a></li>
+</ul>
+</div>
+<div class="clear"></div>
+<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">About us</a></h4>
+<ul>
+<li><a href="#">Our Mandate</a></li>
+<li><a href="#">Our Minister</a></li>
+</ul>
+</div></section>
+<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">News</a></h4>
+<ul>
+<li><a href="#">News releases</a></li>
+<li><a href="#">Media advisories</a></li>
+<li><a href="#">Multimedia</a></li>
+</ul>
+</div></section>
+<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Contact us</a></h4>
+<address>
+<ul>
+<li><a href="#">Phone numbers</a></li>
+<li><a href="#">Office locations</a></li>
+</ul>
+</address>
+</div></section>
+<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Stay connected</a></h4>
+<ul>
+<li><a rel="external" href="#">YouTube</a></li>
+<li><a rel="external" href="#">Twitter</a></li>
+<li><a href="#">Feeds</a></li>
+</ul>
+</div></section>
+</div></div></nav>
+
+<nav role="navigation"><div id="gcwu-gcft"><h3>Government of Canada footer</h3><div id="gcwu-gcft-in"><div id="gcwu-gcft-fip">
+<ul>
+<li><a rel="external" href="http://healthycanadians.gc.ca/index-eng.php"><span>Health</span><br />healthycanadians.gc.ca</a></li>
+<li><a rel="external" href="http://www.voyage.gc.ca/index-eng.asp"><span>Travel</span><br />travel.gc.ca</a></li>
+<li><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml"><span>Service Canada</span><br />servicecanada.gc.ca</a></li>
+<li><a rel="external" href="http://www.jobbank.gc.ca/intro-eng.aspx"><span>Jobs</span><br />jobbank.gc.ca</a></li>
+<li><a rel="external" href="http://actionplan.gc.ca/eng/index.asp"><span>Economy</span><br />actionplan.gc.ca</a></li>
+<li id="gcwu-gcft-ca"><div><a rel="external" href="http://www.canada.gc.ca/home.html">Canada.gc.ca</a></div></li>
+</ul>
+</div></div></div></nav>
+<!-- FooterEnd -->
+</footer>
+</div></div></div>
+
+<!-- ScriptsStart -->
+<script src="../../build/theme-gcwu-fegc/js/theme-min.js"></script>
+<script src="../../build/js/settings.js"></script>
+<script src="../../build/js/pe-ap-min.js"></script>
+<!-- ScriptsEnd -->
+</body>
+</html>

Item #	Product	Description	Parts			Installation			Total
Item #	Product	Description	Quantity	Price	Sub-Total	Hours	Rates	Sub-Total	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 $