[juanbillParticipant]

i managed to get to work with the following.

I tried inserting

$(‘#jqxgrid’).jqxGrid({ height: $(window).height()-40 });

in

$(“#jqxgrid”).bind(‘bindingcomplete’, function(){
$(‘#jqxgrid’).jqxGrid({ height: $(window).height()-40 });
});

as well as

<script type=”text/javascript”>
//located near bottom of page
$(window).on(“load”, function(){
$(‘#jqxgrid’).jqxGrid({ height: $(window).height()-40 });
});
</script>

[juanbillParticipant]

Hi Peter,

Great product.

I am also following this question.

Is it possible to exclude the height variable when autosavestate and autoloadstate is set to true.
My init code is below.

Sometimes the user can resize the window, and I would like the height to be re-adjusted to

height: $(window).height()-40,

not retain the saved height. (I have a toolbar with a height of 40 pixels so the idea of using percentage is avoided).

Thanks heaps,
juan

init code ….

$(“#jqxgrid”).jqxGrid(
{
width: ‘100%’,
height: $(window).height()-40,
source: dataAdapter,
sortable: true,
autoheight: false,
autoloadstate: false,
autosavestate: false,
columnsresize: true,
columnsreorder: true,
showfilterrow: true,
filterable: true,
altrows: true,
groupsexpandedbydefault: true,
groupable: true,
showgroupsheader: false,
selectionmode: ‘multiplerowsextended’,
groupsrenderer: groupsrenderer,
theme: ‘metro’,

[Author]

Posts