---
title: Columns
position: 4
seo_title: Telerik and Kendo UI Columns Utilities
seo_description: Use the Telerik and Kendo UI Columns utilities to specify the
  number of columns an element has.
---
## Columns

The Telerik and Kendo UI Columns Utilities are CSS utility classes that enable you to specify the number of columns that an element has.

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

### Count

Use the `k-columns-{count}` utility to specify the exact number of columns in an element.

<LiveDemo data='{"links":[],"demo":"utils/layout/columns/count","codePreviewSettings":{"filterSelector":".k-columns-3","ignoreClassNames":"k-border-solid k-border-2 k-border-black k-p-12 k-text-center k-text-white"},"height":270}'></LiveDemo>

### Automatic

Use the `k-columns-auto` utility to let the element automatically determine the amount of columns. The column count will depend on other properties such as `column-width`.

<LiveDemo data='{"links":[],"demo":"utils/layout/columns/automatic","height":"","codePreviewSettings":{"filterSelector":".k-columns-auto","ignoreClassNames":"k-border-solid k-border-2 k-border-black k-p-12 k-text-center k-text-white"}}'></LiveDemo>