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.
• Real-time and integrations - WebSocket updates and Chart.js synchronization.
• 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.