Overview

To start using Handsontable, follow these steps:

Install Handsontable

Get Handsontable's files in your preferred way.

Using a package manager

To install Handsontable locally using a package manager, run one of these commands:

Using a CDN

To get Handsontable's files from a CDN, use the following locations:

• https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js (opens new window)

Import Handsontable's JavaScript

Import Handsontable's JavaScript into your application.

Using CommonJS or a package manager

If you're using Handsontable as a CommonJS package, or as an ECMAScript module (using a package manager), import the full distribution of Handsontable as a JavaScript file.

Use your bundler's preferred method of importing files. For example:

Using the script tag

If you're using Handsontable as a traditional UMD package, import the full distribution of Handsontable as a minified JavaScript file.

Use the script tag. For example, if you're loading Handsontable's JavaScript from a CDN:

Create a container

In your HTML, add an empty div, which serves as a container for your Handsontable instance.

Initialize your grid

Now turn your container into a data grid with sample data.

Preview the result