React Data Grid Handsontable documentation

What is Handsontable?

Handsontable (pronounced "hands-on-table") is a JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application.

Thousands of business apps depend on Handsontable for entering, editing, validating, and cleansing data that comes from remote sources such as databases and APIs, or from HTML documents, Excel files, Google Sheets, and manual input.

A drawing of Handsontable data grid on the light background

A drawing of Handsontable data grid on the dark background

Get started with Handsontable

To jump straight into the sample code, open the demo app at CodeSandbox (opens new window).

Then, move on to connecting your data and configuring Handsontable's built-in features. For more advanced implementations, use Handsontable's API.


Customize the grid

What can I use Handsontable for?

Think of Handsontable as an extensible framework that lets you quickly build tabular, data-oriented user interfaces. Handsontable helps developers solve real-life problems. A few examples:

  • In an internal financial application, an editable, Handsontable-based grid simplifies the process of importing hand-picked data from Excel and Google Sheets.
  • In a construction company's software, an interactive data table built with Handsontable helps users modify codes and standards tables.
  • At a hospital, Handsontable helps with tracking and managing supplies.
  • A mobile game company uses Handsontable to streamline certain aspects of the development.
  • In project management software, Handsontable allows managers to collect weekly feedback from the team and customers.

Types of software

Handsontable's built-in features and customizability keep it present across different industries and types of software, for example:

  • Data modeling applications
  • Resource planning software
  • ERP software
  • Construction digital platforms
  • Commission automation tools
  • Knowledge management systems
  • Reporting platforms for citizens
  • Data management systems

Technical support

Implementing Handsontable requires a certain level of front-end development skills. In case you need help, and can't find a solution in the documentation, reach out to us. If you have a commercial Handsontable license, and your support plan is active, contact our Technical Support Team (opens new window).


Contribute to the development of Handsontable:

Stay in the loop