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

[Solved] Column widths using em units aren't respected

1 Answer 68 Views

Grid

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

bkelts asked on 30 Mar 2009, 09:32 PM

em units don't work unless you use static headers and allow for scrolling.

aspx source (default.aspx):

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!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>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" GridLines="Both"   
        
                        Width="40em" Skin="Black">  
        
                        <MasterTableView Width="40em" GridLines="Both">  
        
                            <Columns> 
        
                                <telerik:GridBoundColumn HeaderText="Column 1" UniqueName="col1" DataField="col1">  
        
                                    <HeaderStyle Width="10em" /> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn HeaderText="Column 2" UniqueName="col2" DataField="col2">  
        
                                    <HeaderStyle Width="30em" /> 
        
                                </telerik:GridBoundColumn> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                    <telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="False" GridLines="Both"   
        
                        Width="40em" Skin="Black">  
        
                        <MasterTableView Width="40em" GridLines="Both">  
        
                            <Columns> 
        
                                <telerik:GridBoundColumn HeaderText="Column 1" UniqueName="col1" DataField="col1">  
        
                                    <HeaderStyle Width="10em" /> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn HeaderText="Column 2" UniqueName="col2" DataField="col2">  
        
                                    <HeaderStyle Width="30em" /> 
        
                                </telerik:GridBoundColumn> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                        <ClientSettings> 
        
                            <Scrolling AllowScroll="True" SaveScrollPosition="False" ScrollHeight="10em"   
        
                                UseStaticHeaders="True" /> 
        
                        </ClientSettings> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

c# source (default.aspx.cs):

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            public partial class Default : System.Web.UI.Page  
        
            {  
        
                protected class test  
        
                {  
        
                    public int pk { get; set; }  
        
                    public string col1 { get; set; }  
        
                    public string col2 { get; set; }  
        
                }  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {  
        
                    List<test> data = new List<test>();  
        
                    data.Add(new test { col1 = "11", col2 = "12" });  
        
                    RadGrid1.DataSource = data;  
        
                    RadGrid1.DataBind();  
        
                    RadGrid2.DataSource = data;  
        
                    RadGrid2.DataBind();  
        
                }  
        
            }

[Solved] Column widths using em units aren't respected

1 Answer, 1 is accepted