[Solved] CSS Lost on Sorting

[Josh Winkler]

We have recently added a sorting feature to the radGrids we have in a project. It all works fine but the css layout is lost when you try and sort the grid. Here is the code:

<radG:RadGrid runat="server" ID="TrackingData" SkinID="GridSkinNoAdd" CssClass="radGrids" Height="200" AllowSorting="True">

            <PagerStyle Mode="NextPrevAndNumeric" />

            <MasterTableView PageSize="20" AllowPaging="true" AllowCustomPaging="false" Width="98%" AllowMultiColumnSorting="true" >

                <Columns>

                    <radG:GridBoundColumn HeaderText="Reminder Date" DataField="AssistanceDateBy" DataFormatString="{0:d}" ItemStyle-Width="75" SortExpression="AssistanceDateBy"/>

                    <radG:GridBoundColumn HeaderText="ID" DataField="AssistanceID" UniqueName="AssistanceID" ReadOnly="true" ItemStyle-Width="40" Visible="false" />

                    <radG:GridBoundColumn HeaderText="Company" DataField="CompanyName" UniqueName="CompanyName" ReadOnly="true" ItemStyle-Width="150" SortExpression="CompanyName"/>

                    <radG:GridBoundColumn HeaderText="Issue" DataField="AssistanceIssue"  UniqueName="AssistanceIssue" ItemStyle-Width="180" SortExpression="AssistanceIssue" />

                    <radG:GridBoundColumn HeaderText="Issue Notes" DataField="AssistanceIssueNote" ItemStyle-Width="530" />

                    <radG:GridBoundColumn HeaderText="Contact" DataField="ContactName" ReadOnly="true" ItemStyle-Width="140"/>

                    <radG:GridBoundColumn HeaderText="Referral" DataField="AssistanceReferralName" ReadOnly="true" ItemStyle-Width="140"/>

                    <radG:GridTemplateColumn HeaderText="Status" ItemStyle-Width="70">

                        <ItemStyle HorizontalAlign="Right" />

                        <ItemTemplate>

                            <%#DataBinder.Eval(Container.DataItem, "AssistanceComplete_Percent")%>%&nbsp;

                        </ItemTemplate>

                    </radG:GridTemplateColumn>

                    <radG:GridBoundColumn HeaderText="Priority" DataField="AssistancePriority" ReadOnly="true" ItemStyle-Width="70"/>

                    <radG:GridTemplateColumn  ItemStyle-Width="45">

                        <ItemTemplate>

                            <a href="AssistanceTracking.aspx?AssistanceSubID=<%#DataBinder.Eval(Container.DataItem,"AssistanceSubID") %>&CompanyID=<%#DataBinder.Eval(Container.DataItem,"CompanyID") %>"><img src="Images/Misc/ModifyBtn.gif" style="border:0px;"/></a>

                        </ItemTemplate>

                    </radG:GridTemplateColumn>

                    <radG:GridTemplateColumn>

                        <ItemTemplate>

                            <asp:Literal runat="Server" ID="AssistanceID" Visible="False" />

                        </ItemTemplate>

                    </radG:GridTemplateColumn>

                </Columns>

                <NoRecordsTemplate>&nbsp;No Assistance Tracking Data</NoRecordsTemplate>

            </MasterTableView>

            <ClientSettings>

                <Scrolling AllowScroll="True" />

            </ClientSettings>

        </radG:RadGrid>

[Dimo]

Hello Josh,

Which RadGrid version is this (also specify whether it is an ASP.NET AJAX RadGrid or an old ASP.NET RadGrid) and how the RadGrid skin is registered? Are you using a custom skin or an embedded skin?

Please make sure that the CSS styles, which are lost, are correctly registered on the page.

If you need further assistance, please provide a complete runnable web page, e.g. in a formal support ticket.

Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.