---
title: Order
position: 7
seo_title: Telerik and Kendo UI Order Utilities
seo_description: Use the Telerik and Kendo UI Order Utilities to control the
  placing order of the items in the grid or flex container.
---
## Order

The Telerik and Kendo UI Order Utilities are CSS utility classes that enable you to control the order of the items in the grid or flex container.

<CSSRulesList data='{"id":"order"}'></CSSRulesList>

### Number

Use the `k-order-{n}` utility to place the flex or grid item at the position specified by number.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/order/integer","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-gap-6 k-w-full k-text-center k-text-white"}}'></LiveDemo>

### First

Use the `k-order-first` utility to place the flex or grid item at the first position in the order.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/order/first","height":150,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-gap-6 k-w-full k-text-center k-text-white"}}'></LiveDemo>

### Last

Use the `k-order-last` utility to place the flex or grid item at the last position in the order.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/order/last","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":" k-gap-6 k-w-full k-text-center k-text-white"}}'></LiveDemo>