---
id: 5a27e806
title: Recipes
metaTitle: Recipes - JavaScript Data Grid | Handsontable
description: Developer recipes and step-by-step tutorials for building with Handsontable
permalink: /recipes/
canonicalUrl: /recipes/
searchCategory: Recipes
type: how-to
react:
  id: 1ae45a27
  metaTitle: Recipes - React Data Grid | Handsontable
angular:
  id: d2815b7b
  metaTitle: Recipes - Angular Data Grid | Handsontable
vue:
  id: 5axgi4x9
  metaTitle: Recipes - Vue Data Grid | Handsontable
---

This is a collection of practical, production-ready recipes for common Handsontable development tasks. Each recipe provides step-by-step instructions, complete working code, and real-world use cases.

## Recipe categories

- [Accessibility and UX](@/recipes/accessibility/accessibility.md) - Custom keyboard shortcuts and ARIA grid patterns.
- [Cell types](@/recipes/cell-types/cell-types.md) - Color pickers, date pickers, rating cells, and feedback editors.
- [Column management](@/recipes/column-management/column-management.md) - Column visibility toggles and freeze-at-runtime patterns.
- [Context menu](@/recipes/context-menu/context-menu.md) - Custom context menu actions and programmatic row operations.
- [Data management](@/recipes/data-management/data-management.md) - Loading from REST and GraphQL APIs, server-side pagination, auto-save, and multi-grid sync.
- [Editing and validation](@/recipes/editing-validation/editing-validation.md) - Dependent dropdowns, submit-time validation, and dynamic cell configuration.
- [Filtering and search](@/recipes/filtering-and-search/filtering-and-search.md) - External search boxes, highlighted matches, and multi-column filter panels.
- [Import and export](@/recipes/import-export/import-export.md) - CSV and Excel import, PDF export.
- [Performance](@/recipes/performance/performance.md) - Lazy loading and persisted column layout.
- [Real-time and integrations](@/recipes/real-time/real-time.md) - WebSocket updates and Chart.js synchronization.
- [Rendering and styling](@/recipes/rendering-styling/rendering-styling.md) - Conditional row coloring, frozen summary rows, and sparkline renderers.
- [Themes](@/recipes/themes/themes.md) - Integration with Ant Design, MUI, Fluent UI, Base Web, and shadcn/ui.
