Our blazing fast Grid component built with pure JavaScript


Post by User_user_user »

Hello!
I need to configurate grid with auto-height rows (by content) and dynamically loaded data
Can you help my with this?

Post by mats »

Did you try setting 'autoHeight' to true? https://bryntum.com/docs/grid/#Grid/view/Grid#config-autoHeight

Post by User_user_user »

yes, I tried. But that did not work for me.
Perhaps I need to set some additional properties?

Post by mats »

Please provide your code in a test case so we can see it.

Post by User_user_user »

var columns =  [
		{ field: "_Z4BMBY43Z", text: "1", width: 61, editor: false, locked: true },
		{ field: "_Z4BMBY430", text: "2", width: 183, editor: false, locked: true },
		{ field: "_Z4BMBY432", text: "key", width: 223, editor: false }
	];

	var rows = [
		{ _Z4BMBY43Z: "13.09.2018 09:01", _Z4BMBY430: "long text", _Z4BMBY432: "" },
		{ _Z4BMBY43Z: "13.09.2018 09:45", _Z4BMBY430: "long text long text long text", _Z4BMBY432: "" },
		{ _Z4BMBY43Z: "13.09.2018 10:13", _Z4BMBY430: "long text long text long text long text ", _Z4BMBY432: "" },
		{ _Z4BMBY43Z: "13.09.2018 11:42", _Z4BMBY430: " long text long text long text ", _Z4BMBY432: "" }
	];

	
		grid = new bryntum.grid.Grid({
			appendTo: element, //flex container
			autoHeight: true,
			columns: columns,
			data: rows
		});

Post by mats »

Please include it all, as a zip file that we can extract and run. Need to see your exact HTML / CSS as there might be some mistake there. You can see autoHeight in action here: https://bryntum.com/docs/grid/#Grid/view/Grid

Post by User_user_user »

I edit the text and column width in grid example with autoheight = true property, but row height has not changed.
Image:https://joxi.ru/n2Yl4kDTbv6bGm


Can I use autoheight rows grid with dynamic data loading?

Post by mats »

Are you trying to have cell text wrap and be multi-line and thereby grow the row height? That is not supported I'm afraid.

Post by User_user_user »

Yes ((
Thanks for your time.

Post Reply