---
title: Grid Auto Flow
position: 12
seo_title: Telerik and Kendo Grid UI Auto Flow Utilities
seo_description: Use the Telerik and Kendo UI Grid Auto Flow Utilities to
  control how grid items will be auto placed in a container.
---
## Grid Auto Flow

The Telerik and Kendo Grid UI Auto Flow Utilities are CSS utility classes that enable you to control the automatic placement of the grid items in a container.

<CSSRulesList data='{"id":"grid-auto-flow"}'></CSSRulesList>

### Row

Use the `k-grid-flow-row` utility to place the items by filling each row in turn.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/grid-auto-flow/row","height":250,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Column

Use the `k-grid-flow-column` utility to place the items by filling each column in turn.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/grid-auto-flow/column","height":250,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Dense

Use the `k-grid-flow-dense` utility to place the items by filling all holes in the grid when possible.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/grid-auto-flow/dense","height":250,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>