I try to use FrozenColumn for Grid after Read Demo. But when I apply FrozenColumn & UseStaticHeader, Column will always display only with match width of grid (Other column will lost) and When Scroll, only data will scroll while header still the same (that doesn't match with data column). Freeze column doesn't work too.
I have attached picture of My Grid (I using Simple Databinding) , "Initial" is when data loaded and "Scrolled" is when I scrolled Horizontal.
Below is my code
<telerik:RadGrid ID="RadGridBudgetDataEntry" runat="server" AutoGenerateColumns="False" CellSpacing="-1" GridLines="Both" AllowSorting="True" AllowPaging="True" PageSize="20" Width="800px" Height="500px" OnItemDataBound="RadGridBudgetDataEntry_ItemDataBound"> <ClientSettings> <Scrolling AllowScroll="True" SaveScrollPosition="true" UseStaticHeaders="true" FrozenColumnsCount="1" > </Scrolling> </ClientSettings> <MasterTableView TableLayout="Fixed"> <Columns> <telerik:GridTemplateColumn DataField="AccountCode" FilterControlAltText="Filter TemplateColumn column" HeaderText="Code" ReadOnly="True" UniqueName="AccountCode" HeaderStyle-Width="200px"> <ItemTemplate> <telerik:RadLabel ID="RadLabelAccountCode2" runat="server" Text='<%# Eval("AccountCode") %>'> </telerik:RadLabel> </ItemTemplate> <HeaderStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="AccountName" FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Full Description" UniqueName="AccountName" HeaderStyle-Width="200px"> <ItemTemplate> <telerik:RadLabel ID="RadLabelAccountName" runat="server" Text='<%# Eval("AccountName") %>'> </telerik:RadLabel> </ItemTemplate> <HeaderStyle HorizontalAlign="Center"/> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="Jan_Amt" FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Jan" UniqueName="Jan_Amt" HeaderStyle-Width="200px"> <ItemTemplate> <telerik:RadLabel ID="RadLabelJan_Amt" runat="server" Text='<%# Eval("Jan_Amt") %>'> </telerik:RadLabel> </ItemTemplate> <HeaderStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="Feb_Amt" FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Feb" UniqueName="Feb_Amt" HeaderStyle-Width="200px"> <ItemTemplate> <telerik:RadLabel ID="RadLabelFeb_Amt" runat="server" Text='<%# Eval("Feb_Amt") %>'> </telerik:RadLabel> </ItemTemplate> <HeaderStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="Mar_Amt" FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Mar" UniqueName="Mar_Amt" HeaderStyle-Width="200px"> <ItemTemplate> <telerik:RadLabel ID="RadLabelMar_Amt" runat="server" Text='<%# Eval("Mar_Amt") %>'> </telerik:RadLabel> </ItemTemplate> <HeaderStyle HorizontalAlign="Center"/> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="Apr_Amt" FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Apr" UniqueName="Apr_Amt" HeaderStyle-Width="200px"> <ItemTemplate> <telerik:RadLabel ID="RadLabelApr_Amt" runat="server" Text='<%# Eval("Apr_Amt") %>'> </telerik:RadLabel> </ItemTemplate> <HeaderStyle HorizontalAlign="Center"/> <ItemStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <PagerStyle PageSizeControlType="RadDropDownList" Mode="NextPrevAndNumeric"></PagerStyle> </telerik:RadGrid>