{/* Do not edit this file. It is automatically generated by API Documenter. */}


## GroupLayoutInfo

If the set layout is the [CellLayoutGroupItem](/refs/Interface/CellLayoutGroupItem) model, the object returned by [GridBase.saveColumnLayout()](/refs/Class/GridBase#savecolumnlayout)

**Signature:**

```typescript
export interface GroupLayoutInfo
```

## Remarks

It is a type of [LayoutInfo](/refs/realgrid#layoutinfo).

## Example


```js
{
    name: "countryGroup"
    items: [
        {column: "Country", visible: true, width: 100},
        {column: "Phone", visible: true, width: 100}
    ]
    visible: true,
    direction: "horizontal",
    width: 250,
    header: {visible: true, text: "Country Group"}
}
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [direction](/refs/Interface/GroupLayoutInfo#direction) | [ColumnLayoutDirection](/refs/realgrid#columnlayoutdirection) | layout direction |
| [header](/refs/Interface/GroupLayoutInfo#header) | \{ visible: boolean; text: string; \} | Header Layout Information |
| [items](/refs/Interface/GroupLayoutInfo#items) | ([ColumnLayoutInfo](/refs/Interface/ColumnLayoutInfo) \| [GroupLayoutInfo](/refs/Interface/GroupLayoutInfo){/* */})\[\] | Sub-layouts |
| [name](/refs/Interface/GroupLayoutInfo#name) | string | layout name |
| [type](/refs/Interface/GroupLayoutInfo#type) | "group" | layout의 type |
| [vindex](/refs/Interface/GroupLayoutInfo#vindex) | number | 표시 순서 |
| [visible](/refs/Interface/GroupLayoutInfo#visible) | boolean | Visibility |
| [width](/refs/Interface/GroupLayoutInfo#width) | number | cell width |

## Properties Desc

### direction

layout direction

`Type` - [ColumnLayoutDirection](/refs/realgrid#columnlayoutdirection)

<hr/>

### header

Header Layout Information

`Type` - \{ visible: boolean; text: string; \}

**Remarks:**

\[List of properties\]

`visible` - Visibility

`text` - header text

<hr/>

### items

Sub-layout fields

`Type` - ([ColumnLayoutInfo](/refs/Interface/ColumnLayoutInfo) \| [GroupLayoutInfo](/refs/Interface/GroupLayoutInfo){/* */})\[\]

<hr/>

### name

layout name

`Type` - string

<hr/>

### type

layout type

`Type` - "group"

<hr/>

### vindex

display order

`Type` - number

<hr/>

### visible

Visibility

`Type` - boolean

<hr/>

### width

cell width

`Type` - number

<hr/>