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


## CellLayoutGroupHeader

[CellLayoutGroupItem.header](/refs/Interface/CellLayoutGroupItem#header){/* */} Setting information model

\[parent class\] [CellLayoutHeader](/refs/Interface/CellLayoutHe ader )

**Signature:**

```typescript
export interface CellLayoutGroupHeader extends CellLayoutHeader 
```
**Extends:** [CellLayoutHeader](/refs/Interface/CellLayoutHeader)

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [edgeMark](/refs/Interface/CellLayoutGroupHeader#edgemark) | [EdgeMark](/refs/realgrid#edgemark) | edgeMark display status |
| [template](/refs/Interface/CellLayoutGroupHeader#template) | string | HTML template to be applied to and displayed in header |
| [templateCallback](/refs/Interface/CellLayoutGroupHeader#templatecallback) | [RealizeHeaderCallback](/refs/realgrid#realizeheadercallback) | Used to replace and display a specific string in the template |
| [templateEvents](/refs/Interface/CellLayoutGroupHeader#templateevents) | [HeaderTemplateEvent](/refs/Interface/HeaderTemplateEvent) \| [HeaderTemplateEvent](/refs/Interface/HeaderTemplateEvent){/* */}\[\] | <p>Add events to the generated elements.</p><p>See the description of [TemplateCellRenderer](/refs/Interface/TemplateCellRenderer)</p> |
| [tooltip](/refs/Interface/CellLayoutGroupHeader#tooltip) | string | Specifies the string to be displayed in the tooltip. |
| [values](/refs/Interface/CellLayoutGroupHeader#values) | \{ \[key: string\]: string; \} | Used to replace and display a specific string in the template |

## Properties Desc

### edgeMark

EdgeMark display status

`Type` - [EdgeMark](/refs/realgrid#edgemark)

**Remarks:**

Used to highlight the header. See [EdgeMark](/refs/realgrid#edgemark)

<hr/>

### template

HTML template to be applied to the header and displayed

`Type` - string

**Remarks:**

Used when displaying html rather than text in the header.

**Example:**


```js
var layouts = [
 { type: "group"
 header: {
 template : "<span class='test-style' style='color:red'>HTML display ${key}</span>"
 }
 }
]
```

<hr/>

### templateCallback

Used to replace and display a specific string in the template

`Type` - [RealizeHeaderCallback](/refs/realgrid#realizeheadercallback)

**Remarks:**

Called if the string is not in `values`{/* */}.

<hr/>

### templateEvents

생성된 요소에 이벤트를 추가한다.

[TemplateCellRenderer](/refs/Interface/TemplateCellRenderer) 의 설명을 참고

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

<hr/>

### tooltip

Specifies the string to be displayed in the tooltip.

`Type` - string

**Remarks:**

If not specified, text is displayed.

<hr/>

### values

Used to replace and display a specific string in the template

`Type` - \{ \[key: string\]: string; \}

**Remarks:**

Used to change a string surrounded by `${}`{/* */} to a specific string. See [CellLayoutGroupHeader.template](/refs/Interface/CellLayoutGroupHeader#template)

<hr/>