Our blazing fast Grid component built with pure JavaScript


Post by kerstin »

Hi,

We are using resizeToFitContent along with load on demand and grouped headers. After resizing is done an extra column heading appears at the end of the grid.

To reproduce: click the "Resize me" button in the altered grouped headers example.
Updated index.html in the grouped headers example:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>Grouped headers demo</title>
	<link rel="stylesheet" href="../../build/grid.stockholm.css" id="bryntum-theme">
	<link rel="stylesheet" href="../_shared/shared.css">
	<script>
		// Redirect to UMD bundle for Edge browser
		if (/Edge/.test(navigator.userAgent)) { document.location = 'index.umd.html' + document.location.search; }
		function resizeGridColumns() {
		  var allColumns = grid.columns.leaves;
		  for (var i = 1; i < allColumns.length; i++) {
		    var column = allColumns[i];
		    column.resizeToFitContent();
		  }
		}
	</script>
</head>
<body>
	<div id="container">
	</div>
	<!-- Using Ecma Modules -->
	<div><button onclick="resizeGridColumns();"><h2>Resize me</h2></button></div>
	<script type="module" src="app.js"></script>
	<script nomodule>
		document.location = 'index.umd.html' + document.location.search;
	</script>
</body>
</html>

Post by mats »

Reproduced, thanks for the report. Ticket opened: https://app.assembla.com/spaces/bryntum ... -c/details#

Post Reply