/ S

This page covers a non-latest version of Handsontable.

React Data Grid Installation

Table of contents

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

    // Make sure to add code blocks to your code group

    HotTable component

    The main Handsontable component is called HotTable.

    import { HotTable } from '@handsontable/react';

    To set Handsontable's configuration options, use HotTable's props. For example:

    <HotTable
  data={data}
  rowHeaders={true}
  colHeaders={true}
  height="auto"
  licenseKey="non-commercial-and-evaluation" // for non-commercial use only
/>

    Import Handsontable's CSS

    Import Handsontable's CSS into your application.

    import 'handsontable/dist/handsontable.full.min.css';

    Basic example

    ← Binding to data →