Angular 2 directive for Handsontable
TypeScript CSS JavaScript HTML
Latest commit ab762fc Jul 19, 2016 @drola drola committed with valorkin feat(package): Fixed incompatibility with Angular 2 RC4: (#123)
- Updated dependencies
 - Updated .eslintrc and tslint.json
 - Updated Angular components to use new annotations and import angular from new module


Native Angular2 directive for Handsontable component.

Handsontable is a data grid component with an Excel-like appearance. Built in JavaScript, it integrates with any data source and comes with features like data validation, sorting, grouping, data binding or column ordering. Actively supported by the Handsoncode team and the GitHub community.

Quick start

  1. A recommended way to install ng2-handsontable is through npm package manager using the following command:

    npm i ng2-handsontable --save

    Alternatively, you can download it in a ZIP file.

  2. A recommended way to install Handsontable component is through Bower package manager using the following command:

    bower install handsontable --save

    Alternatively, you can download it in a ZIP file.

  3. After Handsontable component is downloaded, embed the code into your project.

    <script src="bower_components/handsontable/dist/handsontable.full.js"></script>
    <link rel="stylesheet" media="screen" href="bower_components/handsontable/dist/handsontable.full.css">
  4. More information regarding using of ng2-handsontable is located in demo and demo sources.



  • data (Array<any>) - data source for this HotTable
  • col-headers (?Array<string>) - array of column headers, default column headers will be shown (or not be shown, it depends on other settings) if this parameter is undefined
  • columns - (?Array<any>) - descriptors of columns that contains information regarding type, format, source, ... of particular column
  • col-widths - (?Array<number>) - array of column sizes, default column size will be applied if this parameter is undefined
  • options - (?any) - other HotTables' properties that implemented in the original solution:


All names of the events are same as native (in original solution).

See 'Events' in

Parameter of these events is same for all of these events - the arguments from original event.


All Handsontable described in documentation should be supported.


Please follow this guidelines when reporting bugs and feature requests:

  1. Use GitHub Issues board to report bugs and feature requests (not our email address)
  2. Please always write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!


The MIT License (see the LICENSE file for the full text)