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.

[[toc]]

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.

<div class="boxes-list gray">

• <i class="ico i-react"></i> React
• <i class="ico i-javascript"></i> JavaScript
• <i class="ico i-angular"></i> Angular
• <i class="ico i-vue"></i> Vue 3

</div>

Examples

<div class="boxes-list gray">

• Angular
• Vanilla JS
• React TS
• React JS
• TypeScript
• Vue 3

</div>

Examples with SSR (Server Side Rendering):

<div class="boxes-list gray">

• Next.js
• Astro
• Remix
• Nuxt

</div>

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:

<div class="boxes-list">

• Developers' forum

</div>

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

<div class="boxes-list">

• Changelog
• Blog
• X
• LinkedIn

</div>

Related

• Installation -- add Handsontable to your project using a package manager or CDN.
• Demo -- try out the grid's core features interactively before you build.