Skip to content
Handsontable dev

Introduction

Handsontable is a JavaScript data grid component. This page explains what it does, who uses it, and when it is the right tool for your project.

Getting started 🚀

Use Handsontable with plain JavaScript, TypeScript, or your favorite framework. This guide will walk you through the basics, from installation to creating your first data grid.

React
JavaScript
Angular
Vue 3

Examples

Angular
Vanilla JS
React TS
React JS
TypeScript
Vue 3

Examples with SSR (Server Side Rendering):

Next.js
Astro
Remix
Nuxt

What can I use Handsontable for?

Think of Handsontable as an extensible framework that empowers you to quickly build tabular, data-oriented user interfaces tailored to your specific needs. With Handsontable, developers can efficiently tackle real-life problems by leveraging its flexibility and customization options.

Examples include:

  • In an internal financial application, an editable Handsontable-based grid simplifies 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 track and manage supplies.
  • A mobile game company uses Handsontable to streamline certain aspects of development.
  • In project management software, Handsontable allows for managers to collect weekly feedback from the team and customers.

Discover more about how Handsontable is used in different industries by visiting our Successful Customers page.

Types of software

Handsontable’s built-in features make it a perfect fit for applications across different types of software.

  • Feature-rich spreadsheet software
  • Inventory management systems
  • Data modeling applications
  • Resource planning software (ERP)
  • Construction of digital platforms
  • Commission automation tools
  • Knowledge management systems
  • Reporting platforms
  • Data management systems

Join our Community 🙌

You are welcome to join our GitHub community. Discuss new releases, propose features, and report bugs on:

Developers' forum

Technical support

Implementing Handsontable requires a certain level of front-end development skills. If you need help and your support plan is active, contact our technical support or report an issue on GitHub

Stay in the loop

Changelog
Blog
X
LinkedIn
  • Installation — add Handsontable to your project using a package manager or CDN.
  • Demo — try out the grid’s core features interactively before you build.