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


## HeaderTemplateEvent

Template event setting information for [ColumnHeader](/refs/Interface/ColumnHeader) or [CellLayoutGroupHeader](/refs/Interface/CellLayoutGroupHeader){/* */}

**Signature:**

```typescript
export interface HeaderTemplateEvent extends TemplateEvent
```
**Extends:** [TemplateEvent](/refs/Interface/TemplateEvent)

## Remarks

`renderCallback`{/* */} is called when the header is redrawn.

\[Superclass\]

[TemplateEvent](/refs/Interface/TemplateEvent)

## Example


```js
const header = column. header;
header.template = `<input type='button'>`;
header.templateEvents = [{
    selector: 'input[type="button"]',
    event: {},
    renderCallback(grid, header, element) {
        element. value = header.displayText
    }
}]
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [renderCallback](/refs/Interface/HeaderTemplateEvent#rendercallback) | HeaderTemplateEventCallback | Callback called when the header is redrawn |

## Properties Desc

### renderCallback

Callback called when the header is redrawn

`Type` - HeaderTemplateEventCallback

**Remarks:**

If you are doing a time-consuming task because it is called frequently, it can improve performance. This can be degraded.

<hr/>