Skip to content
Handsontable

Recipes

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 - Custom keyboard shortcuts and ARIA grid patterns.
  • Cell types - Color pickers, date pickers, rating cells, and feedback editors.
  • Column management - Column visibility toggles and freeze-at-runtime patterns.
  • Context menu - Custom context menu actions and programmatic row operations.
  • Data management - Loading from REST and GraphQL APIs, server-side pagination, auto-save, and multi-grid sync.
  • Editing and validation - Dependent dropdowns, submit-time validation, and dynamic cell configuration.
  • Filtering and search - External search boxes, highlighted matches, and multi-column filter panels.
  • Import and export - CSV and Excel import, PDF export.
  • Performance - Lazy loading and persisted column layout.
  • Platforms and embedding - Salesforce Lightning Web Components and custom elements with their own shadow root.
  • Real-time and integrations - WebSocket updates, Chart.js synchronization, Liveblocks collaboration, and agent-driven grids with A2UI.
  • Rendering and styling - Conditional row coloring, frozen summary rows, and sparkline renderers.
  • Themes - Integration with Ant Design, MUI, Fluent UI, Base Web, and shadcn/ui.