[husParticipant]

Hi Dimitar,

My thought is wrong. autoheight is not causing the problem. I still could not able to find the reason of the problem. But I found your solution in another forum and combine it with my code like down here

var parent = $("#jqxgrid").parent();
$("#jqxgrid").jqxGrid('destroy');
$("<div id='jqxgrid'></div>").appendTo(parent);
$("#jqxgrid").jqxGrid({	
        width: 566,
        height: 220,
        source: dataAdapter,
	//autoheight: true,
	columnsresize: true,
	sortable: false,
	columns: columns
	//shrinkToFit : false
});

and so far it works good.

[husParticipant]

Hi Dimitar,

You are true. Even I don’t believe width causes the problem. I am using this setting

$("#jqxgrid").jqxGrid({	
	width: 566,
	height: 250,
	source: dataAdapter,
	//autoheight: true,
	columnsresize: true,
	sortable: false,
	columns: columns
});

I am beginning to believe that the autoheight causes the problem for me. Now everything works just fine. I can now see the data in invisible columns that I need to drag the scroll bar to see it. Any explanation on this? The problem when I used autoheight is not only the problem I mentioned earlier, plus when I try to re-size the column, it only re-sized the column virtually. But in fact the real divider (line of column) is still there.

Additional question: I put this code in AJAX request under success call back, so that means the grid is re-generated (whole the data and the grid). Is this right way to implement it? Or there is another way? Thank you in advance.

[husParticipant]

Solved by commenting the property width. Hope this helps somebody.

[Author]

Posts