---
title: Grid Auto Columns
position: 13
seo_title: Telerik and Kendo UI Grid Auto Columns Utilities
seo_description: Use the Telerik and Kendo UI Grid Auto Columns Utilities to control size of an implicitly created grid column.
---
## Grid Auto Columns

The Telerik and Kendo UI Grid Auto Columns Utilities are CSS utility classes that enable you to control the size of an implicitly created grid column.

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

### Min

Use the `k-grid-auto-cols-min` utility to make the grid columns occupy the grid track according to the minimal content of the grid track.

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

### Max

Use the `k-grid-auto-cols-max` utility to make the grid columns occupy the grid track according to the maximal content of the grid track.

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

### Auto

Use the `k-grid-auto-cols-auto` to make the grid columns occupy the grid track according to the maximal content of the grid track when maximum and according to the minimal content of the grid track when minimum.

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

### Fr

Use the `k-grid-auto-cols-fr` utility to make the grid columns occupy the entire available space of the grid track when maximum and zero when minimum.

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