Default Item Template location

Specifies the item location and size against the widget grid.

Type: Object|Array

If you need to specify different locations for different screen factors, pass an array of objects with the same structure to the location field.

HTML
<div class="header" data-options="dxItem: { 
    location: [
        { row: 0, col: 0, colspan: 3, screen: 'lg'},
        { row: 0, col: 0, colspan: 2, screen: 'xs sm md'}]
}">Header</div>

col

Specifies the column component of the element location.

Type: Number

colspan

Specifies the width of the element in columns.

Type: Number
Default Value: undefined

row

Specifies the row component of the element location.

Type: Number

rowspan

Specifies the height of the element in rows.

Type: Number
Default Value: undefined

screen

The screen factor or factors by which the current location is applied to the element.

Type: String
Default Value: undefined