We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to add sort icon, up or down arrow, in the WinForms GridControl's column header?

Platform: WinForms |
Control: GridControl
Tags: sorting

Add sort icon, updown arrow in grid

By default, there is no build-in support to display sort icon in the Header CellType. You can achieve this by using the following work around.

Solution

You can add the GridSortColumnHeaderCellModel to the GridControl's cell model for adding sort icon in the HeaderCell. Then, assign the added cell model as the CellType and set the Tag property to either ListSortDirection.Ascending or ListSortDirection.Descending to show the up/down arrow mark.

The following code example is for adding GridSortColumnHeaderCellModel to the gridcontrol.CellModel.

C#

//Adding the column Header cell
this.gridControl1.CellModels.Add("ColumnHeaderCell", new GridSortColumnHeaderCellModel(this.gridControl1.Model));
this.gridControl1[0,1].CellType = "ColumnHeaderCell";
//Setting the Sort Order as Ascending for the first column
this.gridControl1[0,1].Tag = ListSortDirection.Ascending;
this.gridControl1[0,2].CellType = "ColumnHeaderCell";
//Setting the Sort Order as Descending  for the Second column
this.gridControl1[0,2].Tag = ListSortDirection.Descending;

 

VB

'Adding the column Header cell
Me.gridControl1.CellModels.Add("ColumnHeaderCell", New GridSortColumnHeaderCellModel(Me.gridControl1.Model))
Me.gridControl1(0,1).CellType = "ColumnHeaderCell"
'Setting the Sort Order as Ascending for the first column
Me.gridControl1(0,1).Tag = ListSortDirection.Ascending
Me.gridControl1(0,2).CellType = "ColumnHeaderCell"
'Setting the Sort Order as Descending  for the Second column
Me.gridControl1(0,2).Tag = ListSortDirection.Descending

 

In the following screenshot, Columns A and B have sort icon.

Add sorting to first two columns in grid

Samples:

C#: AddingSortIcon-C#

VB: AddingSortIcon-VB

Note:

In this work around, sort icon is added only to the column. When you want to perform sorting operation as per the sort direction, you can refer to the following sample. \AppData\Local\Syncfusion\EssentialStudio\<Installed version>\Windows\Grid.Windows\Samples\Grid Layout\Sorting Demo in a sample browser.

 

2X faster development

The ultimate WinForms UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile