Handsontable

Build Handsontable demo pages for visual regression tests, which compare screenshots for appearance changes. It guides feature routes, URL-driven display states, sample data, and decisions about testing the same feature across framework wrappers.

中文简介正在准备中。当前显示英语简介。

• Adding a demo route for a new feature
• Creating multiple visual states through URL parameters
• Planning visual coverage across framework wrappers

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

中文简介正在准备中。当前显示英语简介。

• Investigating misplaced rows or columns
• Converting between source and displayed indexes
• Combining filters with manual column movement

Helps develop Handsontable’s React wrapper, covering components, custom cell editors, and preserving selections during settings updates. It also guides TypeScript prop definitions and declaration checks so editor suggestions remain available.

中文简介正在准备中。当前显示英语简介。

• Preserve cell selections when React props change
• Develop custom cell editors
• Fix missing HotTable and HotColumn prop suggestions

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

中文简介正在准备中。当前显示英语简介。

• Adding a code example to a feature guide
• Preparing examples for multiple frameworks
• Generating JavaScript examples from TypeScript

Modify Handsontable’s Walkontable rendering engine using its architecture and coding rules. The skill covers visible-area calculations, frozen rows and columns, scroll synchronization, browser element measurements, and tests for rendering changes.

中文简介正在准备中。当前显示英语简介。

• Fix rendering issues with frozen rows and columns
• Change viewport calculations or row and column sizing
• Review scroll synchronization and redraw timing

Build or modify Handsontable cell editors with guidance on editing states, input validation, focus, and element cleanup. Address dropdown positioning during scrolling, right-to-left layouts, and Japanese or other text input using composition.

中文简介正在准备中。当前显示英语简介。

• Building a custom cell editor
• Supporting asynchronous input validation
• Fixing dropdown positioning during scrolling or in RTL layouts

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

中文简介正在准备中。当前显示英语简介。

• Fix settings updates in the Angular wrapper
• Review change detection around grid operations
• Update examples to standalone components

Write and update Handsontable unit tests with Jest and type tests with TypeScript. Explains file placement, focused test runs, boundary cases, and checks for public types, while helping choose between isolated logic tests and browser tests.

中文简介正在准备中。当前显示英语简介。

• Adding unit tests for calculations and data transformations
• Covering bug fixes and internal refactoring
• Checking TypeScript declarations and public exports