---
title: Filtering and Search Recipes
metaTitle: Filtering and Search Recipes - JavaScript Data Grid | Handsontable
permalink: /recipes/filtering-and-search
canonicalUrl: /recipes/filtering-and-search
searchCategory: Recipes
hotPlugin: false
editLink: false
type: how-to
id: b7d4k9q2
description: Practical recipes for building external and in-grid search workflows with Handsontable.
react:
  id: r3n8x1m5
  metaTitle: Filtering and Search Recipes - React Data Grid | Handsontable
angular:
  id: a4p7c2v9
  metaTitle: Filtering and Search Recipes - Angular Data Grid | Handsontable
vue:
  id: h9ns5cm2
  metaTitle: Filtering and Search Recipes - Vue Data Grid | Handsontable
---
[[toc]]

## Overview

This section provides practical recipes for adding search and filtering workflows around Handsontable. Each recipe includes a working example and implementation notes.

## Getting Started

Before diving into recipes, read the [Searching values guide](@/guides/navigation/searching-values/searching-values.md) to understand the `Search` plugin API and query flow.

## Available Recipes

Current recipes:

<div class="boxes-list">

- [External search box](@/recipes/filtering-and-search/external-search-box/external-search-box.md)
- [Highlight search matches](@/recipes/filtering-and-search/highlight-search-matches/highlight-search-matches.md)

</div>

Each recipe includes complete code examples, configuration options, and practical implementation notes.