Start Building Professional
Web Apps Today

[grid] smartRendering cause white space at the bottom

Hello!

I have grid with enableSmartRendering option enabled.
When grid height reach ~900px at the bottom appears white space without rows.
If you scrolldown then up, this space will be filled with already loaded row.

When height is less then ~900px this problem disappears.

How can I fix it?

Thanks!

Are you using dinamic or static smart rendering mode? Please provide us sample here this issue occurs

I have tried both. Right now I'm using static smartrendering.

Grid initialized like this:
<div id="phonebox" width="100%" height="500" style="overflow:hidden;"></div>
<script type="text/javascript">
function setGridHeight(){
  document.getElementById("phonebox").style.height = document.body.offsetHeight - 270;
  document.getElementById("pbWait").style.height = document.body.offsetHeight - 270;
};

function gridInit(){
  phoneGrid = new dhtmlXGridObject("phonebox");
  phoneGrid.setImagePath("/images/VEB/JS/dhtmlx/grid/imgs/");
  phoneGrid.setHeader(["head1","head2","head3","head4","head5"]);
  phoneGrid.setColTypes("ro,ro,ro,ro,ro");
  phoneGrid.setColSorting("str,str,str,str,str");
  phoneGrid.setInitWidths("200,110,120,120,*");
  phoneGrid.setEditable(false);
  phoneGrid.preventIECaching(true);
  phoneGrid.setSkin("light");
  phoneGrid.setColAlign("left,center,center,center,left");
  phoneGrid.enableMultiline(true);
  phoneGrid.enableSmartRendering(true);
  phoneGrid.attachEvent("onXLS",waitStart);
  phoneGrid.attachEvent("onXLE",waitEnd);
  phoneGrid.attachEvent("onRowDblClicked",showCard);
  phoneGrid.init();
}
setGridHeight();
gridInit();
</script>

Hello, should I provide any additional info?

We cant reproduce this problem. Please contact directly support@dhtmlx.com and provide sample where this issue occurs including files which you are using to init grid