New to Kendo UI for Angular? Start a free 30-day trial

DataLayoutModeSettings

Updated on Jun 8, 2026

Configures the data layout display mode for the Grid component.

Name Type Default Description

Name	Type	Default	Description
mode?	`DataLayoutMode`		Specifies the Grid data layout display mode.
stackedCols?	`number \| string \| number \| GridColSize[]`		Configures the stacked columns layout and widths. The possible options are: `number` - Sets the number of columns with default widths. `Array<number \| string \| GridColSize>` - The array size determines the number of columns. The values represent the column widths.


DataLayoutMode

Specifies the Grid data layout display mode.


number | string | number | GridColSize[]

Configures the stacked columns layout and widths. The possible options are:

number - Sets the number of columns with default widths.
Array<number | string | GridColSize> - The array size determines the number of columns. The values represent the column widths.