Hi,

I am not using virtualzation. What is happening is suppose i gave grid height of 300px, and there are 3 rows in it, then all the rows are getting 100px height to cover all the  available height of grid. I am not able to upload the pic
 

I tried the same with the sample in Fiddle, there it is working fine, may be this is the issue with version I am using 2013.1, and 'ighierarchicalGrid' with load on demand (initial data-bind =0), and auto-generated columns are false

This is my configuration:

var jsonData = new $.ig.JSONPDataSource({
dataSource: "myUrl",
type: "remoteUrl"
});

var configs={
width: "100%",
initialDataBindDepth: 0,
dataSource: jsonData,//the URL
autoGenerateColumns:false,
key:"myDate",
primaryKey:"id",
height:getHeight(),
rowExpanding : function(e, ui) {
//collapse other rows
var grid = ui.owner, expandedRows, i;
expandedRows = $(ui.parentrow).closest('tbody').find('tr[state=e]');
for (i = 0; i < expandedRows.length; i++){
grid.collapse(expandedRows[i]);
}

},
rowExpanded: function(e,ui){
//do something

},

columns:getDefaultColumns(),
columnLayouts:=getColumnLayouts(0,configs,levels-1)
}

function getColumnLayouts(i,configs,levels){
var layouts=[];
var layout1={};
layout1["autoGenerateColumns"]= false;
layout1["primaryKey"]='id';
layout1["key"]=getKey(configs,i),
layout1["columns"]=getColumns(configs,i);
if(i<levels){
layout1["columnLayouts"]=getColumnLayouts(++i,configs,levels);
}
layouts.push(layout1);
return layouts;
}