I have a WebGrid that is in a table. This table is in an UpdatePanel with UpdateMode=Conditional. The table height is 100% and the WebGrid on the UltraWebGrid is set to a height of 100%. I set the DisplayLayout.FrameStyle.Height to 100% and when I bind to the datagrid, it isn't showing the rows at all, just the header and the filter row.
However, whenever I set the DisplayLayout.FrameStyle.Height to something like 300px or 500px, it works fine and I can see (up to 300px or 500px) of rows.
What I need is for the grid to fill the rest of the page (down to the statusbar) and then scroll the frame area when it reaches the bottom.
Can anyone help?
The problem is that UltraWebGrid renders as HTML <table> tag and height 100% for it is generally not accepted in most browsers. In IE6/7 you can have height 100% if you are in quirks mode (you need to remove the DOCTYPE ... line from the beginning of your ASPX page containing the grid). So, if this is possible for you, just remove the DOCTYPE. I do recommend the following article, so that you can get better idea of why height 100% for tables is problematic and the possible workarounds for the problem
http://apptools.com/examples/tableheight.php
Yes. We are aware of the problem with height. We have designed our pages for Quirks mode, it might not be ideal, but we're designing for our clients who are 100% Internet Explorer and Microsoft shops.
However, even in Quirks mode, the problem still happens.
Here are some screens of our process:
Step 1:
We have 2 WebPanels. The top panel has some search criteria. The bottom panel will contain the results.
Step 2:
When the user is ready. The click the Search button and the search begins (this is all in AJAX, by the way, using UpdatePanels with UpdateMode="Conditional" and AllowPartialUpdates is set to True on the ScriptManager).
This is the result if I set the FrameStyle height to 300px:
This is the result if I set the FrameStyle height to 100%:
When I debug the app, both have the same number of rows and both are binding. However, the 100% will not "stretch" to the size of the table container (yes, like I said above, we are in Quirks mode).
Thanks in advance.