in my first JQuery-Project I built a small application based on UI.Layout, JSTree and JQGgid (3.6.5). It works similar to Windows Explorer with to panes west and center. Hiding westpane causes a resizing of center-pane where is displayed my JQGrid. So I have to resize the grid and I used these Options first:

autowidth: true,

shrinkToFit: true

$('#list').setGridWidth(outerLayout.panes.center.innerWidth(), true);

$('#list').setGridHeight(outerLayout.panes.center.innerHeight());

Because I found out resizing the height to the full available height causes that the table scrolls inclusive tableheader I modified my code:

$('#list').setGridHeight(outerLayout.panes.center.innerHeight()-$('.ui-jqgrid-labels').height());

But it doesn't help ;(

The only thing, I found out is following:

$('#contentContainer').scroll(function(){ //console.log($(this).scrollTop()); $('.ui-jqgrid-hdiv').css("top", $(this).scrollTop()+"px"); });

But that doesn't look fine.

Is there any other solution?

thanks for tipps and

best,

heinetz