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

[Solved] Fixed header shifting when sorting

1 Answer 150 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jomey
Top achievements
Rank 1
Jomey asked on 23 May 2008, 10:48 PM

The header shifts right then left back in place when sorting, posting back, etc.  Only the header.  Wierd

<telerik:RadGrid ID="rgSearch" runat="server" AllowPaging="True" Skin="Vista"
        GridLines="None"
    PageSize="20" Width="100%" onitemdatabound="rgSearch_ItemDataBound"
        EnableLinqExpressions="False">
    <ItemStyle VerticalAlign="Top" />
    <PagerStyle Mode="NextPrevNumericAndAdvanced" />
<MasterTableView AutoGenerateColumns="False" 
        AllowSorting="True" DataKeyNames="Id">
<AlternatingItemStyle BackColor="White" ForeColor="#284775" Wrap="True" HorizontalAlign="Left" />
<RowIndicatorColumn Visible="False">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False" Resizable="False">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>

    <Columns>
        <telerik:GridTemplateColumn UniqueName="Id" HeaderText="ID" SortExpression="Id">
            <ItemTemplate>
                <asp:LinkButton ID="lnkA" runat="server" CausesValidation="False" Text='<%# Eval("Id") %>' OnClick="lnk_Click" ToolTip='<%# Eval("Id", "View #{0}") %>'
                OnClientClick="this.disabled=true;" CssClass="style:link"></asp:LinkButton>
            </ItemTemplate>
            <HeaderStyle Wrap="False" Width="6%" />
        </telerik:GridTemplateColumn>
        <telerik:GridBoundColumn DataField="lxxxxxxxxxxx" HeaderText="lxxxxxxxxxxx"
            UniqueName="column1">
            <HeaderStyle Wrap="False" Width="12%" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Axxxxxxxxxxxx" HeaderText="Axxxxxxxx xxxx"
            UniqueName="column2"/>
        <telerik:GridBoundColumn DataField="Bxxxxxxxxxxx" HeaderText="Bxxxxxxx xxxx"
            UniqueName="column3">     
            <HeaderStyle Wrap="False" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Pxxxxxxxxxxxx" HeaderText="Pxxxxx"
            UniqueName="column4">    
            <HeaderStyle Wrap="False" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Sxxxxxxx" HeaderText="Sxxxxxxx"
            UniqueName="column5">                
            <HeaderStyle Wrap="False" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Axxxxxxx" HeaderText="Axxxxxxx"
            UniqueName="column6">                  
            <HeaderStyle Wrap="False" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Nxxxxxxxxxx" HeaderText="Nxxxxxxxxxx"
            UniqueName="column">                                              
            <HeaderStyle Wrap="False" />
        </telerik:GridBoundColumn>
        <telerik:GridTemplateColumn UniqueName="Edit">
            <ItemTemplate>
                                            <asp:ImageButton ID="hypEdit" runat="server"
                                             OnClick="hypEdit_Click"
                                             Visible="true"
                                             ToolTip='<%# Eval("Id", "Edit #{0}") %>'
                                             Text="Edit"
                                             ImageUrl="~/App_Themes/Default/images/edit.gif" CommandArgument='<%# Eval("Id") %>' />     <asp:Label ID="lblEdit" runat="server" Text='<%# Eval("Edit") %>' Visible="false"></asp:Label>
            </ItemTemplate>
            <HeaderStyle Wrap="False" Width="3%" />
        </telerik:GridTemplateColumn>       
    </Columns>

<EditFormSettings>
<PopUpSettings ScrollBars="None"></PopUpSettings>
</EditFormSettings>
</MasterTableView>
    <HeaderStyle />
    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">
        <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="500px" />
    </ClientSettings>
</telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 26 May 2008, 12:50 PM
Hi,

Are you using AdvanceDataBinding techniques to bind the Grid? Try binding the Grid in  the NeedDataSource Event.
Advanced data-binding

Shinu.
Tags
Grid
Asked by
Jomey
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or