New to Kendo UI for AngularStart a free 30-day trial

GridLayoutComponent

Represents the Kendo UI GridLayout component for Angular.

Selector

kendo-gridlayout

Export Name

Accessible in templates as #kendoGridLayoutInstance="kendoGridLayout"

Inputs

NameTypeDefaultDescription

align

AlignSettings

Specifies the horizontal and vertical alignment of the inner GridLayout elements (see example).

cols

any[]

Specifies the number of columns and their widths (More details).

Accepts an array, which serves two purposes:

The number of elements in the array defines the number of columns. Each array element defines the size of the corresponding column. The possible array values are:

  • number - Defines the size in pixels.
  • string - Enables the usage of arbitrary units e.g. 20% or auto.
  • GridLayoutColSize - Configuration object, which accepts a width key.

gap

string | number | GridLayoutGapSettings

Specifies the gaps between the elements. The default value is 0 (see example).

rows

any[]

Specifies the number of rows and their height (More details).

Accepts an array, which serves two purposes:

The number of elements in the array defines the number of rows. Each array element defines the size of the corresponding row. The possible array values are:

  • number - Defines the size in pixels.
  • string - Enables the usage of arbitrary units e.g. 20% or auto.
  • GridLayoutRowSize - Configuration object, which accepts a height key.
In this article
SelectorExport NameInputs
Not finding the help you need?
Contact Support