dc/.claude/skills/handsontable/references/docs-map.md

Handsontable Documentation Map

Last verified: May 2026 · Aligned with Handsontable 17.1.0

Organized link directory for all Handsontable and HyperFormula (in-grid) documentation. Use these to point users to the right page. Links default to the React docs; replace react-data-grid with javascript-data-grid, angular-data-grid, or prefix with vue3- for other frameworks.

Getting Started

• Installation: https://handsontable.com/docs/react-data-grid/installation/
• Demo: https://handsontable.com/docs/react-data-grid/demo/
• Binding to data: https://handsontable.com/docs/react-data-grid/binding-to-data/
• Server-side data fetching (DataProvider, v17.1+): https://handsontable.com/docs/react-data-grid/server-side-data-fetching/
• Saving data: https://handsontable.com/docs/react-data-grid/saving-data/
• Configuration options guide: https://handsontable.com/docs/react-data-grid/configuration-options/
• Grid size: https://handsontable.com/docs/react-data-grid/grid-size/
• Instance methods: https://handsontable.com/docs/react-data-grid/instance-methods/
• Events and hooks: https://handsontable.com/docs/react-data-grid/events-and-hooks/
• License key: https://handsontable.com/docs/react-data-grid/license-key/
• Redux integration: https://handsontable.com/docs/react-data-grid/redux/

Styling & Themes

• Themes guide: https://handsontable.com/docs/react-data-grid/themes/
• Design system (Figma): https://handsontable.com/docs/react-data-grid/handsontable-design-system/
• Theme customization (CSS vars, tokens): https://handsontable.com/docs/react-data-grid/theme-customization/
• Legacy style (pre-v15): https://handsontable.com/docs/react-data-grid/legacy-style/
• Theme Builder tool: https://handsontable.com/theme-builder
• Figma Theme Generator: https://github.com/handsontable/handsontable-figma

Columns

• HotColumn component (React): https://handsontable.com/docs/react-data-grid/hot-column/
• Column headers: https://handsontable.com/docs/react-data-grid/column-header/
• Column groups (nested headers): https://handsontable.com/docs/react-data-grid/column-groups/
• Column hiding: https://handsontable.com/docs/react-data-grid/column-hiding/
• Column moving: https://handsontable.com/docs/react-data-grid/column-moving/
• Column freezing: https://handsontable.com/docs/react-data-grid/column-freezing/
• Column widths: https://handsontable.com/docs/react-data-grid/column-width/
• Column summary: https://handsontable.com/docs/react-data-grid/column-summary/
• Column virtualization: https://handsontable.com/docs/react-data-grid/column-virtualization/
• Column menu (dropdown): https://handsontable.com/docs/react-data-grid/column-menu/
• Column filter: https://handsontable.com/docs/react-data-grid/column-filter/

Rows

• Row headers: https://handsontable.com/docs/react-data-grid/row-header/
• Row parent-child (nested rows): https://handsontable.com/docs/react-data-grid/row-parent-child/
• Row hiding: https://handsontable.com/docs/react-data-grid/row-hiding/
• Row moving: https://handsontable.com/docs/react-data-grid/row-moving/
• Row freezing: https://handsontable.com/docs/react-data-grid/row-freezing/
• Row heights: https://handsontable.com/docs/react-data-grid/row-height/
• Row virtualization: https://handsontable.com/docs/react-data-grid/row-virtualization/
• Rows sorting: https://handsontable.com/docs/react-data-grid/rows-sorting/
• Rows pagination: https://handsontable.com/docs/react-data-grid/rows-pagination/
• Row trimming: https://handsontable.com/docs/react-data-grid/row-trimming/
• Row pre-populating: https://handsontable.com/docs/react-data-grid/row-prepopulating/

Cell Features

• Clipboard (copy/paste): https://handsontable.com/docs/react-data-grid/basic-clipboard/
• Selection: https://handsontable.com/docs/react-data-grid/selection/
• Merge cells: https://handsontable.com/docs/react-data-grid/merge-cells/
• Conditional formatting: https://handsontable.com/docs/react-data-grid/conditional-formatting/
• Text alignment: https://handsontable.com/docs/react-data-grid/text-alignment/
• Disabled cells: https://handsontable.com/docs/react-data-grid/disabled-cells/
• Comments: https://handsontable.com/docs/react-data-grid/comments/
• Autofill values: https://handsontable.com/docs/react-data-grid/autofill-values/
• Formatting cells: https://handsontable.com/docs/react-data-grid/formatting-cells/

Cell Functions

• Cell functions overview: https://handsontable.com/docs/react-data-grid/cell-function/
• Cell renderer: https://handsontable.com/docs/react-data-grid/cell-renderer/
• Cell editor: https://handsontable.com/docs/react-data-grid/cell-editor/
• Cell validator: https://handsontable.com/docs/react-data-grid/cell-validator/
• Custom cells (v17+): https://handsontable.com/docs/react-data-grid/custom-cells/

Cell Types

• Cell type overview: https://handsontable.com/docs/react-data-grid/cell-type/
• Numeric: https://handsontable.com/docs/react-data-grid/numeric-cell-type/
• Date: https://handsontable.com/docs/react-data-grid/date-cell-type/
• Time: https://handsontable.com/docs/react-data-grid/time-cell-type/
• Checkbox: https://handsontable.com/docs/react-data-grid/checkbox-cell-type/
• Select: https://handsontable.com/docs/react-data-grid/select-cell-type/
• Dropdown: https://handsontable.com/docs/react-data-grid/dropdown-cell-type/
• Autocomplete: https://handsontable.com/docs/react-data-grid/autocomplete-cell-type/
• MultiSelect (v17+): https://handsontable.com/docs/react-data-grid/multiselect-cell-type/
• Password: https://handsontable.com/docs/react-data-grid/password-cell-type/
• Handsontable (nested grid): https://handsontable.com/docs/react-data-grid/handsontable-cell-type/

Formulas (HyperFormula in Handsontable)

• Formula calculation guide: https://handsontable.com/docs/react-data-grid/formula-calculation/
• Formulas plugin API: https://handsontable.com/docs/react-data-grid/api/formulas/
• HyperFormula built-in functions list: https://hyperformula.handsontable.com/docs/guide/built-in-functions.html
• HyperFormula configuration options: https://hyperformula.handsontable.com/docs/guide/configuration-options.html
• HyperFormula custom functions: https://hyperformula.handsontable.com/docs/guide/custom-functions.html
• HyperFormula named expressions: https://hyperformula.handsontable.com/docs/guide/cell-references.html#relative-references
• HyperFormula license key: https://hyperformula.handsontable.com/docs/guide/license-key.html

Navigation

• Keyboard shortcuts: https://handsontable.com/docs/react-data-grid/keyboard-shortcuts/
• Custom shortcuts: https://handsontable.com/docs/react-data-grid/custom-shortcuts/
• Focus scopes: https://handsontable.com/docs/react-data-grid/focus-scopes/
• Searching values: https://handsontable.com/docs/react-data-grid/searching-values/

Accessibility

• Accessibility guide: https://handsontable.com/docs/react-data-grid/accessibility/

Menus & Accessories

• Context menu: https://handsontable.com/docs/react-data-grid/context-menu/
• Undo and redo: https://handsontable.com/docs/react-data-grid/undo-redo/
• Icon pack: https://handsontable.com/docs/react-data-grid/icon-pack/
• Export to CSV: https://handsontable.com/docs/react-data-grid/export-to-csv/
• Export to Excel/XLSX (v17.1+): https://handsontable.com/docs/react-data-grid/export-to-excel/
• Notification (v17.1+): https://handsontable.com/docs/react-data-grid/notification/
• Empty data state: https://handsontable.com/docs/react-data-grid/empty-data-state/

Dialog & Loading

• Dialog: https://handsontable.com/docs/react-data-grid/dialog/
• Loading indicator: https://handsontable.com/docs/react-data-grid/loading/

Internationalization

• Language: https://handsontable.com/docs/react-data-grid/language/
• Locale: https://handsontable.com/docs/react-data-grid/locale/
• Layout direction (RTL/LTR): https://handsontable.com/docs/react-data-grid/layout-direction/
• IME support: https://handsontable.com/docs/react-data-grid/ime-support/

Tools & Building

• Modules (tree-shaking): https://handsontable.com/docs/react-data-grid/modules/
• Custom plugins: https://handsontable.com/docs/react-data-grid/custom-plugins/
• Custom builds: https://handsontable.com/docs/react-data-grid/custom-builds/
• Testing: https://handsontable.com/docs/react-data-grid/testing/

Optimization

• Batch operations: https://handsontable.com/docs/react-data-grid/batch-operations/
• Performance: https://handsontable.com/docs/react-data-grid/performance/
• Bundle size: https://handsontable.com/docs/react-data-grid/bundle-size/

Security

• Security guide: https://handsontable.com/docs/react-data-grid/security/

API Reference

• API overview: https://handsontable.com/docs/react-data-grid/api/
• Core (instance methods): https://handsontable.com/docs/react-data-grid/api/core/
• Hooks (all events): https://handsontable.com/docs/react-data-grid/api/hooks/
• Configuration options (all props): https://handsontable.com/docs/react-data-grid/api/options/
• Plugins index: https://handsontable.com/docs/react-data-grid/api/plugins/

Individual Plugin APIs

• AutoColumnSize: https://handsontable.com/docs/react-data-grid/api/auto-column-size/
• AutoRowSize: https://handsontable.com/docs/react-data-grid/api/auto-row-size/
• Autofill: https://handsontable.com/docs/react-data-grid/api/autofill/
• BindRowsWithHeaders: https://handsontable.com/docs/react-data-grid/api/bind-rows-with-headers/
• CollapsibleColumns: https://handsontable.com/docs/react-data-grid/api/collapsible-columns/
• ColumnSorting: https://handsontable.com/docs/react-data-grid/api/column-sorting/
• ColumnSummary: https://handsontable.com/docs/react-data-grid/api/column-summary/
• Comments: https://handsontable.com/docs/react-data-grid/api/comments/
• ContextMenu: https://handsontable.com/docs/react-data-grid/api/context-menu/
• CopyPaste: https://handsontable.com/docs/react-data-grid/api/copy-paste/
• CustomBorders: https://handsontable.com/docs/react-data-grid/api/custom-borders/
• DataProvider (v17.1+): https://handsontable.com/docs/react-data-grid/api/data-provider/
• Dialog: https://handsontable.com/docs/react-data-grid/api/dialog/
• DragToScroll: https://handsontable.com/docs/react-data-grid/api/drag-to-scroll/
• DropdownMenu: https://handsontable.com/docs/react-data-grid/api/dropdown-menu/
• EmptyDataState: https://handsontable.com/docs/react-data-grid/api/empty-data-state/
• ExportFile: https://handsontable.com/docs/react-data-grid/api/export-file/
• Filters: https://handsontable.com/docs/react-data-grid/api/filters/
• Formulas: https://handsontable.com/docs/react-data-grid/api/formulas/
• HiddenColumns: https://handsontable.com/docs/react-data-grid/api/hidden-columns/
• HiddenRows: https://handsontable.com/docs/react-data-grid/api/hidden-rows/
• Loading: https://handsontable.com/docs/react-data-grid/api/loading/
• ManualColumnFreeze: https://handsontable.com/docs/react-data-grid/api/manual-column-freeze/
• ManualColumnMove: https://handsontable.com/docs/react-data-grid/api/manual-column-move/
• ManualColumnResize: https://handsontable.com/docs/react-data-grid/api/manual-column-resize/
• ManualRowMove: https://handsontable.com/docs/react-data-grid/api/manual-row-move/
• ManualRowResize: https://handsontable.com/docs/react-data-grid/api/manual-row-resize/
• MergeCells: https://handsontable.com/docs/react-data-grid/api/merge-cells/
• MultiColumnSorting: https://handsontable.com/docs/react-data-grid/api/multi-column-sorting/
• NestedHeaders: https://handsontable.com/docs/react-data-grid/api/nested-headers/
• NestedRows: https://handsontable.com/docs/react-data-grid/api/nested-rows/
• Notification (v17.1+): https://handsontable.com/docs/react-data-grid/api/notification/
• Pagination: https://handsontable.com/docs/react-data-grid/api/pagination/
• Search: https://handsontable.com/docs/react-data-grid/api/search/
• StretchColumns: https://handsontable.com/docs/react-data-grid/api/stretch-columns/
• TrimRows: https://handsontable.com/docs/react-data-grid/api/trim-rows/
• UndoRedo: https://handsontable.com/docs/react-data-grid/api/undo-redo/

Recipes (new in v17)

• Recipes index: https://handsontable.com/docs/react-data-grid/recipes/
• Load data from a REST API (DataProvider, v17.1+): https://handsontable.com/docs/react-data-grid/recipes/data-management/load-data-rest-api/

Upgrade & Migration

• Changelog: https://handsontable.com/docs/react-data-grid/changelog/
• Versioning policy: https://handsontable.com/docs/react-data-grid/versioning-policy/
• Deprecation policy: https://handsontable.com/docs/react-data-grid/deprecation-policy/
• Long Term Support (LTS): https://handsontable.com/docs/react-data-grid/long-term-support/
• 16.2 → 17.0 migration: https://handsontable.com/docs/react-data-grid/migration-from-16.2-to-17.0/
• 16.0 → 16.1 migration: https://handsontable.com/docs/react-data-grid/migration-from-16.0-to-16.1/
• 15.3 → 16.0 migration: https://handsontable.com/docs/react-data-grid/migration-from-15.3-to-16.0/
• 14.6 → 15.0 migration: https://handsontable.com/docs/react-data-grid/migration-from-14.6-to-15.0/

Other Framework Installation

• JavaScript: https://handsontable.com/docs/javascript-data-grid/installation/
• Angular: https://handsontable.com/docs/angular-data-grid/installation/
• Vue 3: https://handsontable.com/docs/react-data-grid/vue3-installation/

SSR Examples (CodeSandbox)

• Next.js: https://codesandbox.io/p/sandbox/kwnjph?file=https://handsontable.com/codesandbox-vm?example-dir=next.js&handsontable-version=17.1preview=true
• Astro: https://codesandbox.io/p/sandbox/gnqcwn?file=https://handsontable.com/codesandbox-vm?example-dir=astro&handsontable-version=17.1preview=true
• Remix: https://codesandbox.io/p/sandbox/njcjlq?file=https://handsontable.com/codesandbox-vm?example-dir=remix&handsontable-version=17.1preview=true
• Nuxt: https://codesandbox.io/p/sandbox/r7qsjc?file=https://handsontable.com/codesandbox-vm?example-dir=nuxt&handsontable-version=17.1preview=true

CDN Links (jsDelivr) — latest

• JS (full bundle): https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js
• Base CSS: https://cdn.jsdelivr.net/npm/handsontable/styles/handsontable.min.css
• Theme Main: https://cdn.jsdelivr.net/npm/handsontable/styles/ht-theme-main.min.css
• Theme Horizon: https://cdn.jsdelivr.net/npm/handsontable/styles/ht-theme-horizon.min.css
• Theme Classic: https://cdn.jsdelivr.net/npm/handsontable/styles/ht-theme-classic.min.css
• React wrapper: https://cdn.jsdelivr.net/npm/@handsontable/react-wrapper/dist/react-handsontable.min.js
• HyperFormula: https://cdn.jsdelivr.net/npm/hyperformula/dist/hyperformula.full.min.js

Pin versions by adding @17.1 after the package name (e.g., handsontable@17.1).

Package Registries

• npm: https://www.npmjs.com/package/handsontable
• NuGet: https://www.nuget.org/packages/handsontable

Community & Support

• Developer Forum: https://forum.handsontable.com/
• GitHub Issues: https://github.com/handsontable/handsontable/issues
• Stack Overflow: https://stackoverflow.com/tags/handsontable
• Commercial support: support@handsontable.com
• Contact form: https://handsontable.com/contact
• Blog / Release Notes: https://handsontable.com/blog/categories/release-notes
• Download page: https://handsontable.com/download