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)!