> For the complete documentation index, see [llms.txt](https://ghiscoding.gitbook.io/slickgrid-react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ghiscoding.gitbook.io/slickgrid-react/grid-functionalities/header-footer-slots.md).

# Header & Footer Slots

#### Description

You can add Header and/or Footer to your grid by using the `#header` and `#footer` Slots, it's as simple as that. Using these slots also has the advantage of being contained in the same container making them the same width as the grid container.

#### Demo

[Demo](https://ghiscoding.github.io/slickgrid-react-demos/#/example29) / [Demo Component](https://github.com/ghiscoding/slickgrid-universal/blob/master/demos/react/src/examples/slickgrid/Example29.tsx)

#### Basic Usage

**Component**

```tsx
<SlickgridReact gridId="grid"
    columns={columns}
    options={options}
    dataset={dataset}
    header={<Header />}
    footer={<Footer />}
/>
```