RadGrid Column Header and rows are misalignment(with radgrid version 5.1.1.0 and IE8 browser )

[Manoj]

Hi,

 

I am getting the formatting problem in RADGRID. the header columns are not getting aligned with the code.

Kindly, see the below code and suggest a solution:

 <rad:radgrid id="rgvCRSummary" runat="server" gridlines="both" height="115px" isdynamic="False"
                                                    skin="Master" skinspath="~/App_Themes/MasterTheme/Skins" width="100%">
 <HeaderStyle CssClass="Grid_headerHP" />
 <ItemStyle CssClass="Grid_ItemHP"  />
<AlternatingItemStyle CssClass="Grid_ItemHP"  /> 
<SelectedItemStyle  CssClass="Grid_SelectedHP" /> 
<MasterTableView EnableColumnsViewState="true" TableLayout="Fixed" Width="100%">
<Columns>
<rad:GridBoundColumn DataField="heading" UniqueName="heading" DataFormatString = "<nobr>{0}</nobr>"><HeaderStyle Width="30%" /></rad:GridBoundColumn>
<rad:GridBoundColumn DataField="sales_pos" HeaderText="<nobr>Sales Position</nobr>" UniqueName="sales_pos" DataFormatString = "<nobr>{0}</nobr>"></rad:GridBoundColumn>
<rad:GridBoundColumn DataField="Geo" HeaderText="Geography" UniqueName="Geo" DataFormatString = "<nobr>{0}</nobr>"></rad:GridBoundColumn>
<rad:GridBoundColumn DataField="Acc" HeaderText="Account" UniqueName="Acc" DataFormatString = "<nobr>{0}</nobr>"></rad:GridBoundColumn>
<rad:GridBoundColumn DataField="Presc" HeaderText="Prescriber" UniqueName="Presc" DataFormatString = "<nobr>{0}</nobr>"></rad:GridBoundColumn>
</Columns>
</MasterTableView>
</rad:radgrid>

Please find the attached file as my web page having RadGrid.
I am using the  radgrid version 5.1.1.0 and IE8 as my web browser.
Please suggest me how can we resolve with this misalignment of column with this version.

Thanks,
Manoj Singh

 

[Manoj]

Please update me asap its very urgent.

Thanks,

[Iana Tsolova]

Hi Manoj,

The development of RadGrid for ASP.NET finished before IE8 was released. Therefore it is expected that it is not displayed as expected.
I suggest that you upgrade to the latest version of the control.

Other than this, you can try using the Web Developer Tool and inspect the grid html elements to see where the misalignment come from and try to fix it using css or javascript. You can also see if setting fix width in pixel for the columns through the HeaderStyle-Width property will help.

Best wishes,
Iana
the Telerik team