# Sort Indicator

## Content



FlexGrid displays sort indicator, a small triangular arrow sign, to indicate the direction of sorting. The grid also provides flexibility to hide, display, or customize the indicator.

## Hide or Display Sort Indicator

FlexGrid, by default, displays the sort indicator when a column header is clicked to sort the columns. However, you can hide the indicator by setting the ShowSort property to false.

Use the code below to hide the sort indicator displayed on the sorted WinUI FlexGrid column.

```csharp
// Hide or Display sort indicators in column headers
flexGrid1.ShowSort = false;
```

## Customize Sort Indicator

FlexGrid provides the [SortIconPosition](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Grid/C1.WinUI.Grid.FlexGrid.SortIconPosition.html), [SortAscendingIconTemplate](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Grid/C1.WinUI.Grid.FlexGrid.SortAscendingIconTemplate.html) and [SortDescendingIconTemplate](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Grid/C1.WinUI.Grid.FlexGrid.SortDescendingIconTemplate.html) properties to customize sort indicator. The SortIconPosition accepts values from [GridSortIconPosition](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Grid/C1.WinUI.Grid.GridSortIconPosition.html) enumeration, while the SortAscendingIconTemplate and SortDescendingIconTemplate properties accept values from the C1IconTemplate class.

![](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/grid-sorting.png)

```csharp
// Customize Sort Indicator
flexGrid1.SortIconPosition = GridSortIconPosition.Inline;
flexGrid1.SortAscendingIconTemplate = C1IconTemplate.TriangleLeftUp;
flexGrid1.SortDescendingIconTemplate = C1IconTemplate.TriangleLeftDown;
```