Added more Zebra example

src/js/sass/zebra.scss

@@ -74,10 +74,6 @@ table.wet-boew-zebra,table.wet-boew-zebra table{
 		padding: 8px;
 		background-color: #F4F4F4!important;
 	}
-	td.table-layoutCell, th.table-layoutCell{
-		background-color: white!important;
-		border: none;
-	}
 	td.table-summarycol3, td.table-summaryrow3 {
 		background-color: #9EE!important;
 	}
@@ -110,4 +106,9 @@ table.wet-boew-zebra,table.wet-boew-zebra table{
 	th.table-hover {
 		background-color: lightgray;
 	}
+
+	td.table-layoutCell, th.table-layoutCell{
+		background-color: white!important;
+	}
+
 }

src/js/workers/parser.table.js

@@ -232,6 +232,9 @@
 				colgroupFrame.push(colgroup);
 			}
 			function processRowgroupHeader(colgroupHeaderColEnd) { // thead row group processing
+				if(groupZero.colgrouphead){
+					return; // Prevent multiple call
+				}
 				if (colgroupHeaderColEnd && colgroupHeaderColEnd > 0) {
 					// The first colgroup must match the colgroupHeaderColEnd
 					if (colgroupFrame.length > 0 && (colgroupFrame[0].start != 1 || (colgroupFrame[0].end != colgroupHeaderColEnd && colgroupFrame[0].end != (colgroupHeaderColEnd + 1)))) {
@@ -245,6 +248,7 @@
 				} else {
 					colgroupHeaderColEnd = 0; // This mean that are no colgroup designated to be a colgroup header
 				}
+				console.log('Call ProcessRowGroupHeader');
 
 				// Associate any descriptive cell to his top header
 				for(i=0; i<theadRowStack.length; i++) {
@@ -1528,12 +1532,13 @@ elem: this
 					//
 					// Process the table row heading and colgroup if required
 					//
+					processRowgroupHeader(lastHeadingColPos);
 					if (colgroupFrame.length != 0) {
 
 						// We check the first colgroup to know if a colgroup type has been defined
 						if (!(colgroupFrame[0].type)) {
 
-							processRowgroupHeader(lastHeadingColPos);
+							// processRowgroupHeader(lastHeadingColPos);
 
 							// Match the already defined colgroup tag with the table rowgroup heading section
 
@@ -1543,7 +1548,7 @@ elem: this
 						}
 
 					} else {
-						processRowgroupHeader(lastHeadingColPos);
+						// processRowgroupHeader(lastHeadingColPos);
 
 						// If the table have a table rowgroup heading section, let that to be transformed into colgroup
 
@@ -1587,8 +1592,12 @@ elem: this
 								}
 
 								// Test if this cell is a layout cell
-								if (row.type == 3 && colgroupFrame[j].type == 3 && ($(row.cell[i].elem).html().length == 0)) {
+								if (row.type == 3 && colgroupFrame[j].type == 3 && ($(row.cell[i].elem).text().length === 0)) {
 									row.cell[i].type = 6;
+									if (!groupZero.layoutCell) {
+										groupZero.layoutCell = [];
+									}
+									groupZero.layoutCell.push(row.cell[i]);
 								}
 
 								row.cell[i].collevel = colgroupFrame[j].level;
@@ -1811,7 +1820,7 @@ elem: this
 			groupZero.theadRowStack = theadRowStack;
 
 
-			delete groupZero.colgroupFrame;
+			//delete groupZero.colgroupFrame;
 			groupZero.colgrouplevel = groupZero.colgrp;
 			delete groupZero.colgrp;
 

src/js/workers/zebra.js

@@ -74,7 +74,7 @@
 				/* The Heading highlight take times to be set up in ÌE and just a little bit more in Firefox
 				 *
 				 */
-
+				/*
 				var getCellHeaders = function (elem) {
 					var cellsheader = [],
 						tblparser = $(elem).data().tblparser;
@@ -132,10 +132,8 @@
 					autoRemoveTimeout = setTimeout(function () {
 						var i;
 						if (tblparser.type === 1){
-							if (tblparser.scope === "row") {
-								$(this).removeClass('table-hover');
-								return;
-							}
+							$(elem).removeClass('table-hover');
+							delete $(elem).data().zebrafor;
 							return;
 						}
 						for (i = 0; i < $(elem).data().cellsheader.length; i += 1) {
@@ -146,7 +144,7 @@
 						}
 					}, 25);
 				});
-
+				*/
 
 
 				// Default Zebra