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

Static headers & IE9

4 Answers 92 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Iron
Iron
Iron
Daniel asked on 10 Apr 2011, 11:58 PM
Hi. I've upgraded to version 2011_1_315_Dev and noticed that any grid that I have with the attirbute UseStaticHeaders set to true, it doesn't display anything. Set it to false and the data shows okay. This only happens in IE9 and viewing the site in compatibility mode doesn't fix the problem. Thanks.

Daniel

<ClientSettings><Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="394px" SaveScrollPosition="true" /></ClientSettings>


4 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 11 Apr 2011, 01:41 PM
Hello Daniel,

Can you please check if you could replicate the undesired effect on our online demo (here)?

Regards,
Pavlina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Daniel
Top achievements
Rank 1
Iron
Iron
Iron
answered on 12 Apr 2011, 07:44 AM
Thanks for the response Pavlina. The online demo works okay. I can replicate the problem if I place the RadGrid inside an HTML table cell. If I place it inside a DIV for example everything works okay. Thanks.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<table>
    <tr>
        <td>
            <telerik:RadGrid ID="rgPeople" AllowFilteringByColumn="True" AllowPaging="false"
                GridLines="None" Skin="Default" DataSourceID="sdsPeople" EnableLinqExpressions="False"
                runat="server" GroupingSettings-CaseSensitive="false">
                <MasterTableView AutoGenerateColumns="False" DataKeyNames="pkEmployeeNumber">
                    <Columns>
                        <telerik:GridTemplateColumn UniqueName="Whatido" AllowFiltering="false" HeaderStyle-Width="1%"
                            ItemStyle-Width="1%" HeaderStyle-Wrap="false" ItemStyle-Wrap="false">
                            <ItemTemplate>
                                <asp:Image ID="imgWhat" runat="server" ImageUrl='<%#Eval("wid").ToString()==""?"/images/spacer.gif":"/images/icon_info.gif"%>'
                                    Width="16" Height="16" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Firstname" SortExpression="firstname" UniqueName="firstname"
                            HeaderStyle-Width="19%" ItemStyle-Width="19%" AutoPostBackOnFilter="true" DataField="firstname">
                            <ItemTemplate>
                                <a style="cursor: pointer;" title="Click to view profile" onclick='<%# String.Format("javascript:openRadWindowUserProfile({0})", Eval("pkemployeenumber")) %>'>
                                    <%#Eval("firstname")%></a>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Lastname" SortExpression="lastname" UniqueName="lastname"
                            HeaderStyle-Width="19%" ItemStyle-Width="19%" AutoPostBackOnFilter="true" DataField="lastname">
                            <ItemTemplate>
                                <a style="cursor: pointer;" title="Click to view profile" onclick='<%# String.Format("javascript:openRadWindowUserProfile({0})", Eval("pkemployeenumber")) %>'>
                                    <%#Eval("lastname")%></a>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="positionDescription" HeaderText="Title" SortExpression="positionDescription"
                            UniqueName="positionDescription" AutoPostBackOnFilter="true" HeaderStyle-Width="22%"
                            ItemStyle-Width="22%">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="phone" HeaderText="Phone" SortExpression="phone"
                            UniqueName="phone" AutoPostBackOnFilter="true" HeaderStyle-Width="19%" ItemStyle-Width="19%">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="pkEmployeeNumber" HeaderText="pkEmployeeNumber"
                            SortExpression="pkEmployeeNumber" UniqueName="pkEmployeeNumber" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="wid" HeaderText="wid" SortExpression="wid" UniqueName="wid"
                            Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="joinedDate" HeaderText="joinedDate" SortExpression="joinedDate"
                            UniqueName="joinedDate" Display="false" DataType="System.DateTime">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView><ClientSettings>
                    <Scrolling UseStaticHeaders="true" AllowScroll="true" ScrollHeight="594px" SaveScrollPosition="true" />
                </ClientSettings>
            </telerik:RadGrid>
        </td>
    </tr>
</table>
<asp:SqlDataSource ID="sdsPeople" runat="server" ConnectionString="<%$ ConnectionStrings:IntranetConnectionString %>"
    SelectCommand="SelectPeople" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
0
Accepted
Pavlina
Telerik team
answered on 14 Apr 2011, 09:51 PM
Hello Daniel,

When grid with scrolling enabled is wrapped inside a table cell (under IE only) you may need to set the layout of the corresponding table to fixed to avoid unwanted stretching of the scrolling area:

<table style="table-layout:fixed;"
  grid definition 
</table>

This is due to the specific IE box model.

Regards,
Pavlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Daniel
Top achievements
Rank 1
Iron
Iron
Iron
answered on 13 May 2011, 12:50 AM
Sorry for the late reply. That fixes the problem. Thanks.

Daniel
Tags
Grid
Asked by
Daniel
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Pavlina
Telerik team
Daniel
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or