---
title: Filtering and Search Recipes
metaTitle: Filtering and Search Recipes - JavaScript Data Grid | Handsontable
permalink: /recipes/filtering-search
canonicalUrl: /recipes/filtering-search
searchCategory: Recipes
hotPlugin: false
editLink: false
type: how-to
id: b9f32a7c
description: Practical recipes for building external filtering and search interfaces with Handsontable.
react:
  id: 24e7c1a8
  metaTitle: Filtering and Search Recipes - React Data Grid | Handsontable
angular:
  id: d8a41e6f
  metaTitle: Filtering and Search Recipes - Angular Data Grid | Handsontable
vue:
  id: g6b02455
  metaTitle: Filtering and Search Recipes - Vue Data Grid | Handsontable
---
[[toc]]

## Overview

This section provides practical recipes for building external filtering and search workflows with Handsontable. Each recipe includes complete working examples with step-by-step implementation details.

## Getting Started

Before exploring these recipes, read the [Column filter guide](@/guides/columns/column-filter/column-filter.md) to understand the Filters plugin API and available filter conditions.

## Available Recipes

Use these recipes to build custom filter controls outside of the grid and apply multiple conditions programmatically.

<div class="boxes-list">

- [Multi-column filter panel](@/recipes/filtering-search/multi-column-filter-panel/multi-column-filter-panel.md)

</div>