Working row groups delimeter example

P/Sda1/Vaadin/Sudoku/src/main/java/de/hdm_stuttgart/mi/sudoku/ui/HelloUi.java

@@ -33,8 +33,24 @@ public class HelloUi  extends UI {
 		setContent(mainLayout);   // Attach to the UI
 		
 		final Table table = new Table("Sudoku");
-		table.setColumnHeaderMode(Table.ColumnHeaderMode.HIDDEN);
-		mainLayout.addComponent(table);
+      mainLayout.addComponent(table);
+
+      
+      table.setCellStyleGenerator(new Table.CellStyleGenerator() {
+         private static final long serialVersionUID = 2901054012453350566L;
+
+         @Override
+         public String getStyle(Table source, Object itemId, Object propertyId) {
+            int row = ((Integer)itemId).intValue();
+            if (2 == row % 3) {
+             return "sudokugroup";
+            } else {
+               return null;
+            }
+         }
+     });
+      
+      table.setColumnHeaderMode(Table.ColumnHeaderMode.HIDDEN);
 		 
 		table.setEditable(true);
 		table.setImmediate(true);
@@ -60,7 +76,7 @@ public class HelloUi  extends UI {
 				t.setPropertyDataSource(board.cells[y][x]);
 			}
 			
-			table.addItem(tf, y);
+			table.addItem(tf, new Integer(y));
 		}
 	
 	}

P/Sda1/Vaadin/Sudoku/src/main/resources/VAADIN/themes/sudoku/styles.css

+../../../../webapp/VAADIN/themes/sudoku/styles.css
\ No newline at end of file

P/Sda1/Vaadin/Sudoku/src/main/webapp/VAADIN/themes/sudoku/styles.scss

+
+$color: #FF0000;
 @import "../valo/valo";
 
 .sudoku {
   @include valo;
+
+   .v-table-cell-content-sudokugroup {
+    border-bottom: 1px solid #000;
+   }
+
 }
\ No newline at end of file