jsdialog: use real table in grid layout

Change-Id: I128d88788cacd71b4fb83f5bb1d47854a176a4e4 Signed-off-by: Szymon Kłos <[email protected]>
yuuolo · Dec 3, 2020 · 7cd2713 · 7cd2713
1 parent 068884a
commit 7cd2713
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/loleaflet/src/control/Control.JSDialogBuilder.js b/loleaflet/src/control/Control.JSDialogBuilder.js
@@ -367,11 +367,12 @@ L.Control.JSDialogBuilder = L.Control.extend({
 		var rows = builder._getGridRows(data.children);
 		var cols = builder._getGridColumns(data.children);
 
+		L.DomUtil.create('table', builder.options.cssClass + ' ui-grid', parentContainer);
 		for (var row = 0; row < rows; row++) {
-			var rowNode = L.DomUtil.create('div', builder.options.cssClass + ' row', parentContainer);
+			var rowNode = L.DomUtil.create('tr', builder.options.cssClass, parentContainer);
 			for (var col = 0; col < cols; col++) {
-				var colNode = L.DomUtil.create('div', builder.options.cssClass + ' cell', rowNode);
-				builder.build(colNode, [builder._getGridChild(data.children, row, col)], builder);
+				var colNode = L.DomUtil.create('td', builder.options.cssClass, rowNode);
+				builder.build(colNode, [builder._getGridChild(data.children, row, col)], false, false);
 			}
 		}