Hello,
When enableMultiline is set to true, and grid is in split mode, clicking a column’s header to sort the grid will cause the height of the rows to grow and they grow 4px with every click. This only happens in Chrome, not in IE. Our dhtmlx grid’s version is 3.6. Please find source code below, this is a sample html from dhtmlx:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="stylesheet" type="text/css" href="dhtmlx.css"/>
<script src="dhtmlxcommon.js"></script>
<script src="dhtmlxgrid.js"></script>
<script src="dhtmlxgridcell.js"></script>
<script src="dhtmlxgrid_splt.js"></script>
<script>
var mygrid;
function doOnLoad() {
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setHeader("Sales,Book Title,Author,Price,In Store,Shipping,Bestseller,Date of Publication");
mygrid.setInitWidths("70,80,100,80,80,80,80,100");
mygrid.setColAlign("right,left,left,right,center,left,center,center");
mygrid.setColTypes("dyn,ed,ed,price,ch,co,ra,ro");
var combobox = mygrid.getCombo(5);
combobox.put("1","1 Hour");
combobox.put("12","12 Hours");
combobox.put("24","24 Hours");
combobox.put("48","2 days");
combobox.put("168","1 week");
combobox.put("pick","pick up");
combobox.put("na","na");
mygrid.enableMultiline(true);
mygrid.setColSorting("int,str,str,int,str,str,str,date");
mygrid.init();
mygrid.splitAt(1);
mygrid.load("/grid-ml.xml");
}
</script>
</head>
<body onload="doOnLoad();">
<p>Enabling Split mode with script</p>
<div id="gridbox" width="400px" height="300px" style="background-color:white;"></div>
</body>
</html>