RadGrid TemplateColumn rendering issue

[Stefan]

Hello,

i've got a problem with a templatecolumn inside a radgrid.
The templatecolumn contains two RadButtons.
The problem is, that in Internetexplorer 10, the buttons of the templatecolumn are displayed outside of the radgrid.

To be more specific:
Scrolling is enabled,
5 rows are within the visible area,
the buttons within the templatecolumn are all rendered at once, so they appear below the radgrid.

I remember that I already stumbled upon something similar.
Last time it was a radbutton that was in the wrong place and then "jumped" back to where it belongs when I hovered over it.

Has anyone come across this issue?

[Stefan]

I realy could use a bit help on this :)

[Konstantin Dikov]

Hello Stefan,

The behavior that you are describing is not expected.

You could test the following simple example, working correctly in all browsers:

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource">
    <MasterTableView AutoGenerateColumns="false">
        <Columns>
            <telerik:GridTemplateColumn>
                <ItemTemplate>
                    <telerik:RadButton ID="RadButton1" runat="server" Text='<%#Bind("FirstName") %>'></telerik:RadButton>
                    <telerik:RadButton ID="RadButton2" runat="server" Text='<%#Bind("LastName") %>'></telerik:RadButton>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <Scrolling AllowScroll="true" UseStaticHeaders="true" />
    </ClientSettings>
</telerik:RadGrid>

And the code-behind:

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
    DataTable table = new DataTable();
    table.Columns.Add("ID", typeof(int));
    table.Columns.Add("FirstName", typeof(string));
    table.Columns.Add("LastName", typeof(string));
    table.Columns.Add("Age", typeof(int));
    table.Columns.Add("Date", typeof(DateTime));
    for (int i = 0; i < 40; i++)
    {
        table.Rows.Add(i, "FirstName" + i, "LastName" + i, 20 + i, DateTime.Now.AddDays(i));
    }

    (sender as RadGrid).DataSource = table;

}

If you continue to face that issue in IE 10, please provide a simple example demonstrating that behavior. Additional, please elaborate on the version that you are currently using.

I am looking forward to your reply.


Regards,
Konstantin Dikov
Telerik