Frozen columns very slow (online demo page)

[Jacky Chau]

I have been waiting for Frozen Columns in RadGrid for a looong time and it's finally here.  However, I am a bit disappointed by the client side performance when scrolling columns horizontally.  On your frozen columns online demo page, the horizontal scroll is not live (dragging the scrollbar does not update the grid until I release the scrollbar), and it takes a few seconds for the grid to update in the end.  Also, scrolling back (to the left) does not work.  Will these issues be fixed in the final release? 

[Konstantin Petkov]

Hello Jacky,

We will do our best to improve the frozen columns scrolling feature for upcoming release. The last issue you mentioned is definitely a problem we should fix as soon as possible.

Please, excuse us for the temporary inconvenience.

Kind regards,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[jincy]

$0$0$0<%@ Page Language="VB" MasterPageFile="~/MasterPages/ABBmenuMaster.master" AutoEventWireup="false" CodeFile="CompanyList.aspx.vb" Inherits="AccessControlled_CommonFiles_ListPages_CompanyList" title="Company list" %>$0$0<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CityCombo.ascx" TagName="CityCombo" TagPrefix="uc1" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CountryCombo.ascx" TagName="CountryCombo" TagPrefix="uc2" %>$0$0$0$0$0<asp:Content ID="Content1" contentplaceholderid="ContentPlaceHolder1" Runat="Server">$0$0$0  <table style="text-align:center">$0$0        <tr>$0$0            <td align="center" valign="middle" class="Text12" style="width:185px">$0$0                &nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgColSel" ImageUrl="~/Images/Contract.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblColSelExpandContract" Text="Hide column selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgSearchSel" ImageUrl="~/Images/Expand.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblSearchSelExpandContract" Text="Show search selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0        </tr>$0$0    </table>$0$0        <asp:Panel ID="pnlColumnSelect" CssClass="BorderPanel" visible="true" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                        <asp:Label ID="lblColsSelect" runat="server" Text="Select columns: > > "></asp:Label>$0$0                        <asp:CheckBox ID="chkAll" Text="All columns" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyID" Text="CompanyID" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyName" Text="Company name" runat="server" />$0$0                        <asp:CheckBox ID="chkCityName" ToolTip="City name" Text="City name" runat="server" />$0$0                        <asp:CheckBox ID="chkCountryName" Text="Country name" runat="server" />$0$0                        <asp:CheckBox ID="chkCoTypeCodeName" Text="Company type" runat="server" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0$0<asp:Panel ID="pnlSearchSelect" CssClass="BorderPanel" visible="false" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                       <asp:Label ID="lblSearchCrit" runat="server" Text="Select search criteria and press 'Search': > > "></asp:Label>$0$0                            Company name like: <asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox>$0$0$0  City name:<telerik:RadComboBox ID="radcomboCountryID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" AutoPostBack="true" Skin="Office2007"></telerik:RadComboBox>$0$0                            Country name:<telerik:RadComboBox ID="radcomboCityID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" Skin="Office2007"></telerik:RadComboBox>$0$0                        <asp:Button ID="btnSearch" runat="server" Text="Search" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0        <asp:Panel $0$0            ID="pnlListGrid" $0$0            visible="true" $0$0            Width="750px" $0$0            Height="100%" $0$0            ScrollBars="Horizontal" $0$0            class="BorderlessPanel" $0$0            runat="server" $0$0            BorderStyle="None">$0$0           <telerik:RadGrid $0$0                ID="gvwCompanyList" $0$0                runat="server" $0$0                AllowPaging="True" $0$0                AllowSorting="True" $0$0                AutoGenerateDeleteColumn="True" $0$0                AutoGenerateEditColumn="True" $0$0                GridLines="None" $0$0                Height="600px"$0$0                BackColor="White" $0$0                Font-Names="Arial" $0$0                BorderStyle="None" $0$0                Skin="Office2007">$0$0                <MasterTableView $0$0                    CurrentResetPageIndexAction="SetPageIndexToFirst" $0$0                    CommandItemDisplay="None"><HeaderStyle Width="300px" />$0$0                     <RowIndicatorColumn $0$0                        CurrentFilterFunction="NoFilter" $0$0                        FilterListOptions="VaryByDataType" $0$0                        Visible="False">$0$0                    </RowIndicatorColumn>$0$0                    <AlternatingItemStyle BackColor="#F2F2F2" />$0$0                </MasterTableView>$0$0                <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">$0$0                    <Resizing AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"></Resizing>$0$0                    <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"/>$0$0                </ClientSettings>$0$0            </telerik:RadGrid>$0$0        </asp:Panel>$0$0 </asp:Content>$0$0$0$0$0$0$0$0Any help is appreciated?$0$0$0$0$0$0

[jincy]

Hi,$0Can anyone tell me whether the above issue is solved or not?I am also having this same issue. I am using RadControls 'Prometheus' for ASPNET Q3 2007.Following is my html code.$0$0$0$0$0$0$0$0$0<%@ Page Language="VB" MasterPageFile="~/MasterPages/ABBmenuMaster.master" AutoEventWireup="false" CodeFile="CompanyList.aspx.vb" Inherits="AccessControlled_CommonFiles_ListPages_CompanyList" title="Company list" %>$0$0<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CityCombo.ascx" TagName="CityCombo" TagPrefix="uc1" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CountryCombo.ascx" TagName="CountryCombo" TagPrefix="uc2" %>$0$0$0$0$0<asp:Content ID="Content1" contentplaceholderid="ContentPlaceHolder1" Runat="Server">$0$0$0  <table style="text-align:center">$0$0        <tr>$0$0            <td align="center" valign="middle" class="Text12" style="width:185px">$0$0                &nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgColSel" ImageUrl="~/Images/Contract.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblColSelExpandContract" Text="Hide column selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgSearchSel" ImageUrl="~/Images/Expand.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblSearchSelExpandContract" Text="Show search selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0        </tr>$0$0    </table>$0$0        <asp:Panel ID="pnlColumnSelect" CssClass="BorderPanel" visible="true" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                        <asp:Label ID="lblColsSelect" runat="server" Text="Select columns: > > "></asp:Label>$0$0                        <asp:CheckBox ID="chkAll" Text="All columns" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyID" Text="CompanyID" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyName" Text="Company name" runat="server" />$0$0                        <asp:CheckBox ID="chkCityName" ToolTip="City name" Text="City name" runat="server" />$0$0                        <asp:CheckBox ID="chkCountryName" Text="Country name" runat="server" />$0$0                        <asp:CheckBox ID="chkCoTypeCodeName" Text="Company type" runat="server" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0$0<asp:Panel ID="pnlSearchSelect" CssClass="BorderPanel" visible="false" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                       <asp:Label ID="lblSearchCrit" runat="server" Text="Select search criteria and press 'Search': > > "></asp:Label>$0$0                            Company name like: <asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox>$0$0$0  City name:<telerik:RadComboBox ID="radcomboCountryID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" AutoPostBack="true" Skin="Office2007"></telerik:RadComboBox>$0$0                            Country name:<telerik:RadComboBox ID="radcomboCityID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" Skin="Office2007"></telerik:RadComboBox>$0$0                        <asp:Button ID="btnSearch" runat="server" Text="Search" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0        <asp:Panel $0$0            ID="pnlListGrid" $0$0            visible="true" $0$0            Width="750px" $0$0            Height="100%" $0$0            ScrollBars="Horizontal" $0$0            class="BorderlessPanel" $0$0            runat="server" $0$0            BorderStyle="None">$0$0           <telerik:RadGrid $0$0                ID="gvwCompanyList" $0$0                runat="server" $0$0                AllowPaging="True" $0$0                AllowSorting="True" $0$0                AutoGenerateDeleteColumn="True" $0$0                AutoGenerateEditColumn="True" $0$0                GridLines="None" $0$0                Height="600px"$0$0                BackColor="White" $0$0                Font-Names="Arial" $0$0                BorderStyle="None" $0$0                Skin="Office2007">$0$0                <MasterTableView $0$0                    CurrentResetPageIndexAction="SetPageIndexToFirst" $0$0                    CommandItemDisplay="None"><HeaderStyle Width="300px" />$0$0                     <RowIndicatorColumn $0$0                        CurrentFilterFunction="NoFilter" $0$0                        FilterListOptions="VaryByDataType" $0$0                        Visible="False">$0$0                    </RowIndicatorColumn>$0$0                    <AlternatingItemStyle BackColor="#F2F2F2" />$0$0                </MasterTableView>$0$0                <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">$0$0                    <Resizing AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"></Resizing>$0$0                    <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"/>$0$0                </ClientSettings>$0$0            </telerik:RadGrid>$0$0        </asp:Panel>$0$0 </asp:Content>$0$0$0$0$0$0$0$0Any help is appreciated?$0$0$0$0$0$0$0$0

[Sebastian]

Hi jincy,

I tested the online demo under IE 7 and FireFox 3.x and the overall performance was smooth in both directions.

Do you use the latest version 2008.2.826 of RadControls for ASP.NET AJAX in your project? How many columns you have in your grid? In case you display more than 15-20 columns in it at once I suggest you hide some of them and show them on demand to speed up the client-side performance.

Best regards,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.