RadGrid with UseStaticHeaders in IE9 RC does not display rows

[Andrew]

We noticed the following issue with IE9 RC.

When a RadGrid is in a table and with UseStaticHeaders set to true the rows are not displayed at all.

<table style="width:100%">
    <tr>
        <td>
            <telerik:RadGrid ID="grd" runat="server" Skin="Windows7" Width="100%" Height="120px"
                AutoGenerateColumns="false">
                <MasterTableView Width="100%" TableLayout="Fixed">
                    <Columns>
                        <telerik:GridTemplateColumn>
                            <HeaderStyle Width="50%" />
                            <HeaderTemplate>
                                <asp:Label ID="lblNameHeader" runat="server" Text="Name"></asp:Label>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:Label ID="lblName" runat="server" Text='<%#Eval("Name")%>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn>
                            <HeaderStyle Width="50%" />
                            <HeaderTemplate>
                                <asp:Label ID="lblSurnameHeader" runat="server" Text="Surname"></asp:Label>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:Label ID="lblSurname" runat="server" Text='<%#Eval("Surname")%>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings EnableRowHoverStyle="true">
                    <Selecting AllowRowSelect="true" />
                    <Scrolling ScrollHeight="120px" AllowScroll="true" UseStaticHeaders="true" />
                </ClientSettings>
            </telerik:RadGrid>
        </td>
    </tr>
</table>

Code Behind:

public partial class GridTest : System.Web.UI.Page
   {
       List<MyClass> lst = new List<MyClass>();

       protected void Page_Load(object sender, EventArgs e)
       {
           this.lst.Add(new MyClass("Andrew", "Dimech"));
           this.lst.Add(new MyClass("Rachel", "Smith"));
           this.lst.Add(new MyClass("James", "Black"));

           this.grd.DataSource = this.lst;
           this.grd.DataBind();
       }
   }

   public class MyClass
   {
       public MyClass(string name, string surname)
       {
           this.Name = name;
           this.Surname = surname;
       }

       private string name;

       public string Name
       {
           get { return name; }
           set { name = value; }
       }

       private string surname;

       public string Surname
       {
           get { return surname; }
           set { surname = value; }
       }

   }

[Tsvetoslav]

Hello Andrew,

The problem is not being reproduced on my side. Attached is a small sample. 

Regards,
Tsvetoslav
the Telerik team

[Andrew]

Hi Tsvetoslav,

There is something I had to clarify. The issue is occurring in IE9 RC Compatibility Mode.

With regards the attached sample, your grid worked fine even in compatibility mode. However my sample grid still has the problem. 

I tried comparing the two grids and make their properties equal to each other as much as possible, however my grid still did not display rows in compatibility mode.

To make things worse intranet sites are displayed in compatibility mode by default. Hence why this is a major issue for us.

So you know, I'm using .NET 2.0, but it shouldn't make a difference I believe.

Regards,
Andrew

[Tsvetoslav]

Hello Andrew,

Generally when using Static headers it is recommended to set a fixed width for each column with perhaps the exception of the last one which should expand to fill the remaining space. Please, try it and let me know of the result.

All the best,
Tsvetoslav
the Telerik team

[Andrew]

Hi Tsvetoslav,

Thanks for your suggestion. It did fix the issue with IE9 RC Compatibility Mode, however, it ruined it for IE7 now. A vertical scroll bar appears needlessly.

That was the reason why I put a fixed width for each column in the first place so I fix it for IE7. Even your sample grid has the same problem on IE7

What can we do to work right on both?

Regards,
Andrew

[Tsvetoslav]

Hi Andrew,

 Try setting the width of the table to a width of 99% and the width of the grid to slightly less than 100%, let us say - 95%.

Regards,
Tsvetoslav
the Telerik team

[Andrew]

Yes, it works if you set a table width of any kind including 100% or in px.

I also had to set the TableLayout to fixed and removed the last column width (as suggested earlier).

One last question, when do you plan to release your new version of Telerik ASP.NET which would work with IE9 Release issued today?

Regards,
Andrew Dimech

[Tsvetoslav]

Hi Andrew,

The release is already out - however, do take into consideration that IE is a very troublesome browser and there still might be issues popping out here and there in our controls that our development team will be addressing in due time.

 

Best wishes,
Tsvetoslav
the Telerik team