The UltraWebGrid is putting a horizontal scrollbar at the end of the a table even though the Scrollbar property is set to never. In IE9 the scrollbar isn't there but it's created an empty div tag for it. In IE8 and IE7 the horizontal scrollbar is visible. Any ideas how to fix this?
Also I have two UltraWebGrids on top of each other and set their width to X but the lower grid is shorter despite having matching column and table widths. This only happens in IE7.
It looks like the UltraWebGrid has issues with scrollbars in IE7. Is the WebDataGrid better?
Hi ikaden,
I have tested your scenario but so far have not encountered any issues with the UltraWebGrid scrollers in IE (using version 11.1.20111.2064). In order to be albe to provide more insight I would need to know what build you are using. A sample isolating the behavior would be greatly appreciated.
You may wish to consider using the WebDataGrid. A number of samples illustrating the control can be found at:
http://samples.infragistics.com/aspnet/ComponentOverview.aspx?cn=data-grid
Please contact me if you have any questions.
Best Regards,
Petar IvanovDeveloper Support EngineerInfragistics, Inc.http://ko.infragistics.com/support
I am following up to check whether you are still experiencing issues. Please let me know if you need further assistance.
I've attached a zip file with the aspx file and a word document illustrating the issue. Any help or suggestions would be appreciated. Thank you.
I am following up to check if your issue has been resolved. Please contact me if you have any questions.
Thank you for your sample. I have been able to reproduce the issues you describe except the one where the scrollbars are being shown when the scrollbar property is not set to Never.
Regarding the sizing issue with IE7: that seems to be caused by the way the browser is rendering the tables. The offsetWidth for each column is in this case different than the width that was configured in the markup. This results in the grids not having equal actual widths (because the column count is also not equal).
I have also identified the div elements which are being rendered in IE9 and it is possible to hide them.
Below is some sample code for addressing these issues client-side (in the InitializeLayout event):
function grdA1PPLiability_InitializeLayoutHandler(gridName){ // removes the scrollbar div (if it's there) for IE9 if (null != document.getElementById("G_grdA1PPLiability_scd")) { document.getElementById("G_grdA1PPLiability_scd").style.display = "none"; }} function grdA1PPLiability2_InitializeLayoutHandler(gridName){ //fixes the width issue in IE7 var col1 = igtbl_getGridById("grdA1PPLiability2").Bands[0].Columns[1].Element.offsetWidth; var col2 = igtbl_getGridById("grdA1PPLiability2").Bands[0].Columns[2].Element.offsetWidth; //extend column A in the first grid with 2 pixels for IE7 in order to synchronize if ((col1 + col2) > 135 ) { igtbl_getGridById("grdA1PPLiability").Bands[0].Columns[1].setWidth(137); } // // removes the scrollbar div (if it's there) for IE9 if (null != document.getElementById("G_grdA1PPLiability2_scd")) { document.getElementById("G_grdA1PPLiability2_scd").style.display = "none"; }}
function grdA1PPLiability_InitializeLayoutHandler(gridName){ // removes the scrollbar div (if it's there) for IE9 if (null != document.getElementById("G_grdA1PPLiability_scd")) { document.getElementById("G_grdA1PPLiability_scd").style.display = "none"; }}
function grdA1PPLiability2_InitializeLayoutHandler(gridName){ //fixes the width issue in IE7 var col1 = igtbl_getGridById("grdA1PPLiability2").Bands[0].Columns[1].Element.offsetWidth; var col2 = igtbl_getGridById("grdA1PPLiability2").Bands[0].Columns[2].Element.offsetWidth; //extend column A in the first grid with 2 pixels for IE7 in order to synchronize if ((col1 + col2) > 135 ) { igtbl_getGridById("grdA1PPLiability").Bands[0].Columns[1].setWidth(137); } // // removes the scrollbar div (if it's there) for IE9 if (null != document.getElementById("G_grdA1PPLiability2_scd")) { document.getElementById("G_grdA1PPLiability2_scd").style.display = "none"; }}
Attached is your sample modified with these changes. The above code seems to be working well with IE7, IE8, IE9 and Mozilla 7.
Please tell me if this helps.
Best Regards,Petar IvanovDeveloper Support EngineerInfragistics, Inc.http://ko.infragistics.com/support