I have a client-side performance problem in IE8 with RadGrid. The grid has only 150 rows and looks like this:
<telerik:grid runat="server" ID="rgArtikel" AllowSorting="false" AllowFilteringByColumn="false" AutoGenerateColumns="false" EnableAjaxSkinRendering="false" EnableViewState="true" Visible="true" OnNeedDataSource="rgArtikel_NeedDataSource" OnItemDataBound="rgArtikel_ItemDataBound"> <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="false"> <Selecting AllowRowSelect="false" /> </ClientSettings> <MasterTableView AllowFilteringByColumn="false"> <Columns> <telerik:GridTemplateColumn UniqueName="Key" InitializeTemplatesFirst="false" HeaderText=""> <ItemTemplate> <asp:Literal ID="lKey" runat="server" Visible="false"></asp:Literal> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Icon1" InitializeTemplatesFirst="false" HeaderText="Leit."> <ItemTemplate> <asp:Image ID="iLeitArtikel" runat="server" Visible="false"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Icon2" InitializeTemplatesFirst="false" HeaderText="Info"> <ItemTemplate> <asp:Image ID="iArtikel" runat="server" Visible="false"></asp:Image> <uc1:RDisplayArtikel ID="RDisplayArtikel" runat="server" Visible="false" /> <uc2:RSammelArtikel ID="RSammelArtikel" runat="server" Visible="false" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Icon3" InitializeTemplatesFirst="false" HeaderText=""> <ItemTemplate> <asp:Image ID="iPfand" runat="server" Visible="false"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Akt.VKP" InitializeTemplatesFirst="true" HeaderText="Aktions-VKP"> <ItemTemplate> <telerik:RadNumericTextBox ID="tbAktVkp" runat="server" Width="50px" Height="10px" Type="Currency" DecimalSeparator="," Visible="false" Editable="Editable" MinValue="0"> <ClientEvents OnValueChanged="setChanged" /> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Aktionen" InitializeTemplatesFirst="false" HeaderText=""> <ItemTemplate> <asp:Image runat="server" ID="iAktionen" Visible="false"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="iBeschaffung" InitializeTemplatesFirst="false" HeaderText=""> <ItemTemplate> <asp:HyperLink ID="iBeschaffung" runat="server" Visible="false" ToolTip="Beschaffungsregel vorhanden"></asp:HyperLink> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> </tegut:XYGrid>The grid is filled in backend with max. 150 rows und is rendered fast. But when the site is shown in IE8, the CPU-Load is up to 100% and the IE doesn't react for about 3s. If I allow scrolling and enable fixed header, the IE stops working for about 5s.
Is there any trick to speed this up ?? I think 150 is not a large number of rows the grid can't handel anymore.
And by the way another problem: the resizing didn't work proper with scrolling enabled too. It's getting only larger not smaller (smallest size is size on load)!