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

Header shifts when sorted

3 Answers 89 Views

Grid

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

Kosal asked on 19 Nov 2008, 05:02 PM

Hello,

I am a using a RadGrid with headers set to be right aligned.
I've removed the sort arrows. The problem I have having is that everytime the column is sorted the header moves about 2px over to the left.

The header will shift over if the column is sorted Asc, or Desc.
However onces the sort returns to the original default order the header shifts back to be right aligned.

I want it to remain right aligned no matter what. Only the header is getting shifted over, the items remain in place.

This is a sample of my code for one of the columns.

telerik:GridBoundColumn DataField="ItemQty" HeaderText="Qty"

SortExpression="ItemQty" UniqueName="ItemQty" ShowSortIcon="false"

AllowFiltering="False">

</telerik:GridBoundColumn>

Any help on this matter will be greatly appreciated.

Thanks!

3 Answers, 1 is accepted

answered on 20 Nov 2008, 02:39 PM

Dimo,

I am using some custom CSS but I've eliminated that as a cause of the problem. I've removed all CSS from the page and well as disabled the Skin that the grid is using and the problem still persists.

Here is the complete code for the grid. The problem occurrs with the last three gridboundcolumns, which are all right aligned.

telerik:RadGrid ID="RadGrid1" runat="server" Width="800px" Skin="GridCustom" OnNeedDataSource="RadGrid1_NeedDataSource"

AllowSorting="True" GridLines="None"

OnItemCommand="RadGrid1_ItemCommand" ShowFooter="True"

ondeletecommand="RadGrid1_DeleteCommand" EnableEmbeddedSkins="False"

onitemdatabound="RadGrid1_ItemDataBound">

<telerik:GridButtonColumn CommandName="EditRecord" ButtonType="PushButton" Text="Edit"

UniqueName="EditRecord" ShowSortIcon="false">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn ConfirmText="Are you sure you want to delete?" ShowSortIcon="false" ButtonType="PushButton"

CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" ShowSortIcon="false"

UniqueName="ID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemDescription" HeaderText="Item Description" SortExpression="ItemDescription"

UniqueName="ItemDescription" ShowSortIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemJustification"

HeaderText="Justification" SortExpression="ItemJustification"

UniqueName="ItemJustification" ShowSortIcon="false" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemQty" HeaderText="Qty"

SortExpression="ItemQty" UniqueName="ItemQty" ShowSortIcon="false"

AllowFiltering="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemUnitPrice" DataFormatString="${0:###,###.00}"

HeaderText="Unit Price" SortExpression="ItemUnitPrice"

UniqueName="ItemUnitPrice" ShowSortIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemTotal" DataFormatString="${0:###,###.00}"

HeaderText="Item Price" SortExpression="ItemTotal" UniqueName="ItemTotal" ShowSortIcon="false">

</telerik:GridBoundColumn>

</Columns>

<asp:Button ID="btnAddNew" runat="server" Text="Add New" OnClick="btnAddNew_Click" />

</div>

</CommandItemTemplate>

</MasterTableView>

</ClientSettings>

</FilterMenu>

</telerik:RadGrid>