My ultrawebgrid works fine until there are enough columns to turn the scroll bars on. Then the last column on the right (sometimes more than just the last one) cannot be seen.
I have 9 columns that are defined in the markup code. All the other columns are added programmatically. The width of these added columns is done in the server code, also. Based on the size of my grid, the 13th programmatically added column is the last one seen. Any columns after that cut off. Resizing the columns in the client (to try and view the hidden columns) makes it worse.
I am using fixed column headers, the first 2 columns are fixed so they don't scroll, row filtering, client side column resizing, and I think that is all. I will post my markup code for my grid in case that helps.
Thanks for your help.
The issue seems to be the compatibility view setting. Adding a blank column helps but then you might notice some issues when resizing columns in IE8.
I am using IE8, if add tag with IE7 emulation then there is a problem, but If I work in native IE8 environment everything works OK.
Are you using the tag:?
<
/>
Hi, thanks for the response.
No, I don't use the tag and I can't solve the problem.
Sorry, I forgot to post our workaround for this (I thought I did already). If I remember correctly, we were seeing the same thing happen in IE8 and in "IE7 mode".Here are the 2 options we came up with to work around this problem. We ended up using option #2.1. During the InitializeLayoutHandler, "fix" the columns in JavaScript.function InitWidth(gridName) { // Retrieve the grid based on its ID. var oGrid = igtbl_getGridById(gridName); // Get the Bands collection var oBands = oGrid.Bands; // Get the columns collection for Band 0 var oBand = oBands[0]; var oColumns = oBand.Columns; // The column count is equal to the length of the Columns array. var count = oColumns.length; // Create Column Array. var colArray = new Array(); // Set each Column Header width. for (var i = 0; i < count; i++) { colArray[i] = document.getElementById(oColumns[i].Id).firstChild.offsetWidth; } var oRows = oGrid.Rows; var index = oColumns.Index; // Loop thru each row in the grid to set the column to the largest cell width. for (var i = 0; i < oRows.length; i++) { for (var n = 0; n < count; n++) { var cell = oRows.getRow(i).getCell(n); if (colArray[n] < cell.Element.firstChild.offsetWidth) { colArray[n] = cell.Element.firstChild.offsetWidth; } } } // Loop thru each Column in the grid to set the Column width to the largest width. for (var i = 0; i < count; i++) { oColumns[i].setWidth(colArray[i] + 5); }}2. Set EnableCrawlerDetection="False" Do not set columns as Hidden from the code behind, do it in the mark-up Make sure the column width values have "px" in them. (Ex: Width="200px" instead of Width="200")
Hope that helps you out.
Thanks for your answer Johnny.
In my case removing the TAG sorted out the problem, but I will keep an eye on that issue and if it happens again I will try your method.