Skip to content
Handsontable dev

Bundle size

Reduce the size of your JavaScript bundle by getting rid of redundant Handsontable modules.

Use modules

To reduce the bundle size and JavaScript parsing time, import only those of Handsontable’s modules that you actually use, instead of importing the complete package.

The following example shows how to import and register the ContextMenu plugin on top of the base module of Handsontable, without importing anything else.

import { Component } from "@angular/core";
import { GridSettings, HotTableModule } from "@handsontable/angular-wrapper";


registerPlugin(ContextMenu);


@Component({
  selector: "app-example",
  standalone: true,
  imports: [HotTableModule],
  template: ` <div>
    <hot-table [settings]="gridSettings" />
  </div>`,
})
export class ExampleComponent {
  readonly gridSettings = <GridSettings>{
    contextMenu: true,
  };
}
Modules