Handsontable

Handsontable is a JavaScript Data Grid with a spreadsheet-like look and feel.

Use it with JavaScript, TypeScript, or frameworks such as 
React, 
Angular, and 
Vue. With its spreadsheet-like editing features, it’s perfect for building data-rich internal apps. It allows users to enter, edit, validate, and process data from various sources. Common use cases include resource planning software (ERP), inventory management systems, digital platforms, and data modeling applications.

Website   —   Documentation   —   Themes   —   API   —   Community

✨ Key Features

  ✅  Built-in themes   ✅  Flexible API   ✅  Virtualization   ✅  IME support   ✅  Internationalization   ✅  RTL support   ✅  Accessibility   ✅  Keyboard shortcuts   ✅  Sorting data   ✅  Filtering data   ✅  400 built-in formulas   ✅  Configurable selection   ✅  Data validation   ✅  Conditional formatting   ✅  Merged cells   ✅  Frozen rows and columns   ✅  Hiding rows and columns   ✅  Right-click context menu   ✅  Row pagination   ✅  Server-side data   ✅  Notifications   ✅  Export to Excel   ✅  Date and time editing   ✅  Shadow DOM / Web Components support

🪄 Installation

Below, you'll find the installation guide for the JavaScript component. If you're using a specific framework, refer to its dedicated wrapper for installation instructions:

• React
• Angular
• Vue

---

Install with npm

You can also use Yarn, NuGet or load the package from CDN.

npm install handsontable

Provide an HTML container

Setup