@handsontable/angular

angular-handsontable

Official Angular module for Handsontable.

Table of contents

1. Installation
2. Basic usage
3. Documentation
4. License
5. Contact
6. Other wrappers

Installation

To install a wrapper for Handsontable Community Edition (CE):

npm install @handsontable/angular handsontable

To install a wrapper for Handsontable PRO:

npm install @handsontable-pro/angular handsontable-pro

Basic usage

styles.css

@import '~handsontable/dist/handsontable.full.css';

app/app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HotTableModule } from '@handsontable/angular';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HotTableModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app/app.component.html

<hot-table></hot-table>

Examples

• A basic implementation for Handsontable CE

License

@handsontable/angular is released under the MIT license. @handsontable-pro/angular is released under the MIT license. Copyrights belong to Handsoncode sp. z o.o.

Contact

Feel free to give us feedback on this wrapper using this contact form.

Other Wrappers

Handsontable is available for other popular frameworks:

• hot-table (Polymer - WebComponents)
• ngHandsontable (Angular 1)
• vue-handsontable-official (Vue.js)
• react-handsotable (React)