# Angular Grid Multi-Column Sorting

The [Angular Grid](https://www.telerik.com/kendo-angular-ui/components/grid) sorting feature enables you to sort the data by multiple column fields.

To sort by multiple fields, provide a [`MultipleSortSettings`](https://www.telerik.com/kendo-angular-ui/components/grid/api/multiplesortsettings) object to the [`sortable`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#sortable) option and set the [`mode`](https://www.telerik.com/kendo-angular-ui/components/grid/api/multiplesortsettings#mode) property to `multiple`.

```ts
export class AppComponent {
    public sortSettings: MultipleSortSettings = {
        mode: 'multiple'
    };
}
```

The following example demonstrates sorting the data by multiple fields.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/grid/sorting/multi-sort/source.txt)

## Sort Key Modifier

By default, clicking a column header cell triggers the multi-column sorting functionality by adding the respective field to the existing sorting criteria. To customize this behavior and enable only multi-column sorting when a pre-configured modifier key is pressed, use the [`multiSortKey`](https://www.telerik.com/kendo-angular-ui/components/grid/api/multiplesortsettings#multisortkey) option.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/grid/sorting/multi-sort/multi-modifier/source.txt)

## Suggested Links

* [Automatic Sorting ](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics)
* [Manual Sorting](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/manual-sorting)
* [API Reference of the GridComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent)
* [API Index of the Grid](https://www.telerik.com/kendo-angular-ui/components/grid/api)