I am having problems with datagrid height and pagination.
All users have different size / height screens and therefore it is not practical to hard code EVERY table height into the HTML Markup when you want the datagrid to fill all of the available containers' innerHeight.
The containing div (panel) has it's overflow set to hidden, the reason is that this application is intended to display all of it's data without the need for the user to scroll the main panel vertically, so child elements need to handle their own vertical scrolling.
The problem is that when I change the pagesize of a datagrid that does not have it's height set in the html markup code <table style="height:1000px">, the datagrid overflows the containing div and the bottom of the grid is then hidden, and vertical scroll bars are not added to the datagrid.
Setting the table height to 100% also does not work, and setting the table's container div to a fixed height also does not prevent the pagination from extending beyond the size of it's container.
To try and overcome this, I have tried to calculate the available innerheight and set the datagrid height to be equal to that, however It appears that you cannot override the datagrid.height programatically using for example $('#someid').height = '500px' or $('#someid').css('height','500px'), and that the datagrid height can only be hard-coded in the HTML markup before the object is created.
I have also tried calling datagrid('resize') after changing the height / style.height but that appears to have no effect.
forcing overflow:scroll on the .datagrid-body also won't work, although it makes a vertical scroll bar visible, the horizontal scroll overflows and is hidden.
How can I solve this ??
Thanks
