# Filter Header
URL: https://pro.rv-grid.com/guides/data-filter/filter-header/
Source: src/content/docs/guides/data-filter/filter-header.mdx
The Filter Header Plugin enhances RevoGrid by embedding interactive filter controls directly within the column headers.

This means that users can apply text-based and selection-based filters right at the grid level, without needing separate filter panels.

This feature allows for complex multi-criteria filtering that is both intuitive and highly efficient.

What makes this so powerful - is its ability to wrap existing header content with dynamic filter inputs, ensuring that the grid remains clean and user-friendly while offering robust filtering capabilities. With optimized performance through input debouncing, the Filter Header Plugin significantly improves data exploration, making it an essential tool for managing and analyzing large datasets.

## Usage

To enable this powerful filtering capability, you simply need to include the FilterHeaderPlugin in your grid’s plugins array.

```typescript
import { AdvanceFilterPlugin, FilterHeaderPlugin } from '@revolist/revogrid-pro'
const plugins = ref([AdvanceFilterPlugin, FilterHeaderPlugin])
```

This plugin automatically integrates filter input elements into your column headers, so when you mark a column with a filter property, it dynamically adds a text input or selection control right below the header.

## Selection popup headers

For selection, slider, and date popup filters, the header renders a popup trigger instead of a free text input.

Selection triggers show `All` while no values are excluded. Opening a selection popup and closing it without changes keeps the header value as `All`; it does not expand to every selected item.

When values are unchecked in the selection popup, the trigger shows the selected values and, by default, includes a count when more than one value is selected. Set `hideFilterHeaderCount` on the column to hide the count.
