This is a migrated thread and some comments may be shown as answers.

Column widths in percent and IE9

1 Answer 61 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Caesar asked on 11 Nov 2010, 04:56 PM

Hello!

I'm using IE9 Preview 6 and have a problem with columns that has percent widths and using scroll and static headers in the grid.
In the following example, the grid doesn't get the correct width:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication4.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script runat="server">

Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim dt As New System.Data.DataTable()

dt.Columns.Add("Col1", GetType(String))

dt.Columns.Add("Col2", GetType(String))

For i As Integer = 0 To 50

dt.Rows.Add({"Row" & i, "Data"})

Next

rg.DataSource = dt

rg.DataBind()

End Sub

</script>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadGrid ID="rg" runat="server" AutoGenerateColumns="false">

<ClientSettings>

<Scrolling AllowScroll="true" ScrollHeight="200px" UseStaticHeaders="true" />

</ClientSettings>

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="Col1" HeaderText="Col1">

<HeaderStyle Width="50%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Col2" HeaderText="Col2">

<HeaderStyle Width="50%" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Test the sample and see the difference in IE8 and IE9!

In the resulting html I can see that the inner table rgMasterTable doesn't have the style width:100%, which it has in IE8.

I'm using 2010 Q3 release.

Regards
Caesar

1 Answer, 1 is accepted

Accepted