# EmptyRenderer

> _Since v2.12.0_

Custom renderer for the empty state overlay.

```ts
type EmptyRenderer = (context: EmptyContext) => HTMLElement | string
```

#### Example

```typescript
const renderer: EmptyRenderer = (ctx) => {
  const div = document.createElement('div');
  div.textContent = ctx.filteredOut ? 'No matches' : 'No data';
  return div;
};
```

## See Also

- [`GridConfig.emptyRenderer`](/grid/api/core/interfaces/gridconfig.md#emptyrenderer)