Modules

Reduce the size of your JavaScript bundle, by importing only the modules that you need. The base module is mandatory, all other modules are optional.

Overview

Handsontable is a comprehensive tool with a broad range of features. If you don’t use all of them, you can pick just the parts that you need, and get rid of the rest (e.g., unnecessary translations). This approach reduces Handsontable’s impact on the overall size of your app.

To make this possible, Handsontable is divided into modules.

Use modules

To get the most out of using Handsontable’s modules:

Import the base module.
Import optional modules of your choice.
Remove redundant code (so-called tree shaking).

Bundler support

To use Handsontable’s modules, your environment needs to support the import syntax, which is typically provided by a bundler.

We successfully tested Handsontable with the following bundlers:

webpack
Parcel
Rollup
Vite

If Handsontable’s modules don’t work with your bundler, report it as a bug.

Base module

No matter which of the optional modules you use, you always need to import the base module (handsontable/base), which covers:

Handsontable’s core functionalities
The default cell type: text

Import the base module

To get the base JavaScript module, import Handsontable from handsontable/base (not from handsontable, which would give you the full distribution package):

1
import Handsontable from 'handsontable/base';

Now, you’re ready to use any optional modules of your choice.

Optional modules

Handsontable’s optional modules are grouped into:

Cell type modules
Plugin modules
Translation modules

Cell type modules

Cell type modules contain Handsontable’s cell types.

You can import the following cell type modules:

1
import {
2
  registerCellType, // cell types' registering function
3
  AutocompleteCellType,
4
  CheckboxCellType,
5
  DateCellType,
6
  DropdownCellType,
7
  HandsontableCellType,
8
  NumericCellType,
9
  PasswordCellType,
10
  SelectCellType,
11
  TextCellType,
12
  TimeCellType,
13
} from 'handsontable/cellTypes';

Each cell type module contains a different cell type:

Cell type modules

Module	Cell type alias
`AutocompleteCellType`	`autocomplete`
`CheckboxCellType`	`checkbox`
`DateCellType`	`date`
`DropdownCellType`	`dropdown`
`HandsontableCellType`	`handsontable`
`NumericCellType`	`numeric`
`PasswordCellType`	`password`
`SelectCellType`	`select`
`TextCellType`	`text`
`TimeCellType`	`time`

Import a cell type module

Make sure you import the base module:

1
import Handsontable from 'handsontable/base';

Import the registering function and a cell type module of your choice. For example:

1
import {
2
  registerCellType,
3
  NumericCellType,
4
} from 'handsontable/cellTypes';

1
registerCellType(NumericCellType);

A full example:

1
import Handsontable from 'handsontable/base';
2
import {
3
  registerCellType,
4
  NumericCellType,
5
} from 'handsontable/cellTypes';
6

7
registerCellType(NumericCellType);

Renderer, editor, and validator modules

Each cell type module is made of:

A renderer module
An editor module
A validator module (optionally)

You can import renderer, editor, and validator modules individually. For the full list of those modules, see the List of all modules section.

For example, you can import the numeric cell type as a whole:

1
import Handsontable from 'handsontable/base';
2
import {
3
  registerCellType,
4
  NumericCellType,
5
} from 'handsontable/cellTypes';
6

7
registerCellType(NumericCellType);
8

9
const container = document.querySelector('#example1');
10

11
new Handsontable(container, {
12
  columns: [
13
    {
14
      type: 'numeric'
15
    }
16
  ]
17
});

Or, you can import the numeric cell type’s renderer, editor, and validator individually (the effect is the same as above):

1
import Handsontable from 'handsontable/base';
2
import {
3
  registerRenderer,
4
  numericRenderer,
5
} from 'handsontable/renderers';
6
import {
7
  registerEditor,
8
  NumericEditor,
9
} from 'handsontable/editors';
10
import {
11
  registerValidator,
12
  numericValidator,
13
} from 'handsontable/validators';
14

15
registerRenderer(numericRenderer);
16
registerEditor(NumericEditor);
17
registerValidator(numericValidator);
18

19
new Handsontable(container, {
20
  columns: [
21
    {
22
      renderer: 'numeric',
23
      editor: 'numeric',
24
      validator: 'numeric',
25
      dataType: 'number',
26
      type: 'numeric',
27
    }
28
  ]
29
});

Plugin modules

Plugin modules contain Handsontable’s plugins.

You can import the following plugin modules:

1
import {
2
  registerPlugin, // plugins' registering function
3
  AutoColumnSize,
4
  AutoRowSize,
5
  Autofill,
6
  BasePlugin,
7
  BindRowsWithHeaders,
8
  CollapsibleColumns,
9
  ColumnSorting,
10
  ColumnSummary,
11
  Comments,
12
  ContextMenu,
13
  CopyPaste,
14
  CustomBorders,
15
  DragToScroll,
16
  DropdownMenu,
17
  ExportFile,
18
  Filters,
19
  Formulas,
20
  HiddenColumns,
21
  HiddenRows,
22
  ManualColumnFreeze,
23
  ManualColumnMove,
24
  ManualColumnResize,
25
  ManualRowMove,
26
  ManualRowResize,
27
  MergeCells,
28
  MultiColumnSorting,
29
  MultipleSelectionHandles,
30
  NestedHeaders,
31
  NestedRows,
32
  Search,
33
  StretchColumns,
34
  TouchScroll,
35
  TrimRows,
36
  UndoRedo,
37
} from 'handsontable/plugins';

Each plugin module contains a different plugin:

Plugin modules

Module	Plugin
`AutoColumnSize`	`AutoColumnSize`
`Autofill`	`Autofill`
`AutoRowSize`	`AutoRowSize`
`BasePlugin`	`BasePlugin`
`BindRowsWithHeaders`	`BindRowsWithHeaders`
`CollapsibleColumns`	`CollapsibleColumns`
`ColumnSorting`	`ColumnSorting`
`ColumnSummary`	`ColumnSummary`
`Comments`	`Comments`
`ContextMenu`	`ContextMenu`
`CopyPaste`	`CopyPaste`
`CustomBorders`	`CustomBorders`
`DragToScroll`	`DragToScroll`
`DropdownMenu`	`DropdownMenu`
`ExportFile`	`ExportFile`
`Filters`	`Filters`
`Formulas`	`Formulas`
`HiddenColumns`	`HiddenColumns`
`HiddenRows`	`HiddenRows`
`ManualColumnFreeze`	`ManualColumnFreeze`
`ManualColumnMove`	`ManualColumnMove`
`ManualColumnResize`	`ManualColumnResize`
`ManualRowMove`	`ManualRowMove`
`ManualRowResize`	`ManualRowResize`
`MergeCells`	`MergeCells`
`MultiColumnSorting`	`MultiColumnSorting`
`MultipleSelectionHandles`	`MultipleSelectionHandles`
`NestedHeaders`	`NestedHeaders`
`NestedRows`	`NestedRows`
`Search`	`Search`
`StretchColumns`	`StretchColumns`
`TouchScroll`	`TouchScroll`
`TrimRows`	`TrimRows`
`UndoRedo`	`UndoRedo`

Import a plugin module

Make sure you import the base module:

1
import Handsontable from 'handsontable/base';

Import the registering function and a plugin module of your choice. For example:

1
import {
2
  registerPlugin,
3
  ContextMenu,
4
} from 'handsontable/plugins';

1
registerPlugin(ContextMenu);

A full example:

1
import Handsontable from 'handsontable/base';
2
import {
3
  registerPlugin,
4
  ContextMenu,
5
} from 'handsontable/plugins';
6

7
registerPlugin(ContextMenu);

Translation modules

Translation modules contain Handsontable’s translations.

You can import the following translation modules:

1
import {
2
  registerLanguageDictionary, // translations' registering function
3
  arAR,
4
  csCZ,
5
  deCH,
6
  deDE,
7
  enUS,
8
  esMX,
9
  faIR,
10
  frFR,
11
  hrHR,
12
  itIT,
13
  jaJP,
14
  koKR,
15
  lvLV,
16
  nbNO,
17
  nlNL,
18
  plPL,
19
  ptBR,
20
  ruRU,
21
  srSP,
22
  zhCN,
23
  zhTW,
24
} from 'handsontable/i18n';

Each translation module contains a different translation package:

Translation modules

Module	Translation
`arAR`	Arabic - Global
`csCZ`	Czech - Czech Republic
`deCH`	German - Switzerland
`deDE`	German - Germany
`enUS`	English - United States
`esMX`	Spanish - Mexico
`faIR`	Persian - Iran
`frFR`	French - France
`hrHR`	Croatian - Croatia
`itIT`	Italian - Italy
`jaJP`	Japanese - Japan
`koKR`	Korean - Korea
`lvLV`	Latvian - Latvia
`nbNO`	Norwegian (Bokmål) - Norway
`nlNL`	Dutch - Netherlands
`plPL`	Polish - Poland
`ptBR`	Portuguese - Brazil
`ruRU`	Russian - Russia
`srSP`	Serbian - Serbia
`zhCN`	Chinese - China
`zhTW`	Chinese - Taiwan

Import a translation module

Make sure you import the base module:

1
import Handsontable from 'handsontable/base';

Import the registering function and a translation module of your choice. For example:
```
1
import {
2
  registerLanguageDictionary,
3
  plPL,
4
} from 'handsontable/i18n';
```

1
registerLanguageDictionary(plPL);

A full example:

1
import Handsontable from 'handsontable/base';
2
import {
3
  registerLanguageDictionary,
4
  plPL,
5
} from 'handsontable/i18n';
6

7
registerLanguageDictionary(plPL);

List of all modules

The table below lists all of Handsontable’s modules:

Type	Modules	Required / optional
Core functionalities	`handsontable/base`	Required
Cell types	`AutocompleteCellType` `CheckboxCellType` `DateCellType` `DropdownCellType` `HandsontableCellType` `NumericCellType` `PasswordCellType` `SelectCellType` `TextCellType` `TimeCellType`	Optional
Cell renderers	`baseRenderer` `autocompleteRenderer` `checkboxRenderer` `dateRenderer` `dropdownRenderer` `handsontableRenderer` `htmlRenderer` `numericRenderer` `passwordRenderer` `selectRenderer` `textRenderer`	Optional
Cell editors	`AutocompleteEditor` `BaseEditor` `CheckboxEditor` `DateEditor` `DropdownEditor` `HandsontableEditor` `NumericEditor` `PasswordEditor` `SelectEditor` `TextEditor`	Optional
Cell validators	`autocompleteValidator` `dateValidator` `dropdownValidator` `numericValidator` `timeValidator`	Optional
Plugins	`AutoColumnSize` `Autofill` `AutoRowSize` `BasePlugin` `BindRowsWithHeaders` `CollapsibleColumns` `ColumnSorting` `ColumnSummary` `Comments` `ContextMenu` `CopyPaste` `CustomBorders` `DragToScroll` `DropdownMenu` `ExportFile` `Filters` `Formulas` `HiddenColumns` `HiddenRows` `ManualColumnFreeze` `ManualColumnMove` `ManualColumnResize` `ManualRowMove` `ManualRowResize` `MergeCells` `MultiColumnSorting` `MultipleSelectionHandles` `NestedHeaders` `NestedRows` `Search` `StretchColumns` `TouchScroll` `TrimRows` `UndoRedo`	Optional

List of all module imports

To quickly register all modules in bulk, use these registering functions:

registerAllCellTypes()
registerAllRenderers()
registerAllEditors()
registerAllValidators()
registerAllPlugins()
registerAllModules()

Import and register all modules in bulk

1
// the base module
2
import Handsontable from 'handsontable/base';
3

4
// cell type modules
5
import {
6
  AutocompleteCellType,
7
  CheckboxCellType,
8
  DateCellType,
9
  DropdownCellType,
10
  HandsontableCellType,
11
  NumericCellType,
12
  PasswordCellType,
13
  TextCellType,
14
  TimeCellType,
15
} from 'handsontable/cellTypes';
16

17
// renderer modules
18
import {
19
  baseRenderer,
20
  autocompleteRenderer,
21
  checkboxRenderer,
22
  dropdownRenderer,
23
  htmlRenderer,
24
  numericRenderer,
25
  passwordRenderer,
26
  textRenderer,
27
} from 'handsontable/renderers';
28

29
// editor modules
30
import {
31
  AutocompleteEditor,
32
  BaseEditor,
33
  CheckboxEditor,
34
  DateEditor,
35
  DropdownEditor,
36
  HandsontableEditor,
37
  NumericEditor,
38
  PasswordEditor,
39
  SelectEditor,
40
  TextEditor,
41
} from 'handsontable/editors';
42

43
// validator modules
44
import {
45
  autocompleteValidator,
46
  dateValidator,
47
  dropdownValidator,
48
  numericValidator,
49
  timeValidator,
50
} from 'handsontable/validators';
51

52
// plugin modules
53
import {
54
  AutoColumnSize,
55
  AutoRowSize,
56
  Autofill,
57
  BasePlugin,
58
  BindRowsWithHeaders,
59
  CollapsibleColumns,
60
  ColumnSorting,
61
  ColumnSummary,
62
  Comments,
63
  ContextMenu,
64
  CopyPaste,
65
  CustomBorders,
66
  DragToScroll,
67
  DropdownMenu,
68
  ExportFile,
69
  Filters,
70
  Formulas,
71
  HiddenColumns,
72
  HiddenRows,
73
  ManualColumnFreeze,
74
  ManualColumnMove,
75
  ManualColumnResize,
76
  ManualRowMove,
77
  ManualRowResize,
78
  MergeCells,
79
  MultiColumnSorting,
80
  MultipleSelectionHandles,
81
  NestedHeaders,
82
  NestedRows,
83
  Search,
84
  StretchColumns,
85
  TouchScroll,
86
  TrimRows,
87
  UndoRedo,
88
} from 'handsontable/plugins';
89

90
// translation modules
91
import {
92
  arAR,
93
  csCZ,
94
  deCH,
95
  deDE,
96
  enUS,
97
  esMX,
98
  frFR,
99
  hrHR,
100
  itIT,
101
  jaJP,
102
  koKR,
103
  lvLV,
104
  nbNO,
105
  nlNL,
106
  plPL,
107
  ptBR,
108
  ruRU,
109
  srSP,
110
  zhCN,
111
  zhTW,
112
} from 'handsontable/i18n';
113

114
// registering functions that let you quickly register all modules at
115
// once
116
import {
117
  registerAllCellTypes,
118
  registerAllRenderers,
119
  registerAllEditors,
120
  registerAllValidators,
121
  registerAllPlugins,
122
  registerAllModules,
123
} from 'handsontable/registry';
124

125
// register all cell types at once
126
registerAllCellTypes();
127

128
// register all renderers at once
129
registerAllRenderers();
130

131
// register all editors at once
132
registerAllEditors();
133

134
// register all validators at once
135
registerAllValidators();
136

137
// register all plugins at once
138
registerAllPlugins();
139

140
// register individual translations
141
registerLanguageDictionary(arAR);
142
registerLanguageDictionary(deCH);
143
registerLanguageDictionary(deDE);
144
registerLanguageDictionary(enUS);
145
registerLanguageDictionary(esMX);
146
registerLanguageDictionary(frFR);
147
registerLanguageDictionary(hrHR);
148
registerLanguageDictionary(itIT);
149
registerLanguageDictionary(jaJP);
150
registerLanguageDictionary(koKR);
151
registerLanguageDictionary(lvLV);
152
registerLanguageDictionary(nbNO);
153
registerLanguageDictionary(nlNL);
154
registerLanguageDictionary(plPL);
155
registerLanguageDictionary(ptBR);
156
registerLanguageDictionary(ruRU);
157
registerLanguageDictionary(srSP);
158
registerLanguageDictionary(zhCN);
159
registerLanguageDictionary(zhTW);
160

161
// or, register all of Handsontable's modules at once
162
registerAllModules();

To register individual modules explicitly, use these registering functions:

registerCellType()
registerRenderer()
registerEditor()
registerValidator()
registerPlugin()
registerLanguageDictionary()

Import and register all modules explicitly

1
// the base module
2
import Handsontable from 'handsontable/base';
3

4
// cell type modules
5
import {
6
  registerCellType, // cell types' registering function
7
  AutocompleteCellType,
8
  CheckboxCellType,
9
  DateCellType,
10
  DropdownCellType,
11
  HandsontableCellType,
12
  NumericCellType,
13
  PasswordCellType,
14
  TextCellType,
15
  TimeCellType,
16
} from 'handsontable/cellTypes';
17

18
// renderer modules
19
import {
20
  registerRenderer, // renderers' registering function
21
  rendererFactory, // renderers' factory function
22
  baseRenderer,
23
  autocompleteRenderer,
24
  checkboxRenderer,
25
  dropdownRenderer,
26
  htmlRenderer,
27
  numericRenderer,
28
  passwordRenderer,
29
  textRenderer,
30
} from 'handsontable/renderers';
31

32
// editor modules
33
import {
34
  registerEditor, // editors' registering function
35
  editorFactory, // editors' factory function
36
  AutocompleteEditor,
37
  BaseEditor,
38
  CheckboxEditor,
39
  DateEditor,
40
  DropdownEditor,
41
  HandsontableEditor,
42
  NumericEditor,
43
  PasswordEditor,
44
  SelectEditor,
45
  TextEditor,
46
} from 'handsontable/editors';
47

48
// validator modules
49
import {
50
  registerValidator, // validators' registering function
51
  autocompleteValidator,
52
  dateValidator,
53
  dropdownValidator,
54
  numericValidator,
55
  timeValidator,
56
} from 'handsontable/validators';
57

58
// plugin modules
59
import {
60
  registerPlugin, // plugins' registering function
61
  AutoColumnSize,
62
  AutoRowSize,
63
  Autofill,
64
  BasePlugin,
65
  BindRowsWithHeaders,
66
  CollapsibleColumns,
67
  ColumnSorting,
68
  ColumnSummary,
69
  Comments,
70
  ContextMenu,
71
  CopyPaste,
72
  CustomBorders,
73
  DragToScroll,
74
  DropdownMenu,
75
  ExportFile,
76
  Filters,
77
  Formulas,
78
  HiddenColumns,
79
  HiddenRows,
80
  ManualColumnFreeze,
81
  ManualColumnMove,
82
  ManualColumnResize,
83
  ManualRowMove,
84
  ManualRowResize,
85
  MergeCells,
86
  MultiColumnSorting,
87
  MultipleSelectionHandles,
88
  NestedHeaders,
89
  NestedRows,
90
  Search,
91
  StretchColumns,
92
  TouchScroll,
93
  TrimRows,
94
  UndoRedo,
95
} from 'handsontable/plugins';
96

97
// translation modules
98
import {
99
  registerLanguageDictionary, // translations' registering function
100
  arAR,
101
  csCZ,
102
  deCH,
103
  deDE,
104
  enUS,
105
  esMX,
106
  frFR,
107
  hrHR,
108
  itIT,
109
  jaJP,
110
  koKR,
111
  lvLV,
112
  nbNO,
113
  nlNL,
114
  plPL,
115
  ptBR,
116
  ruRU,
117
  srSP,
118
  zhCN,
119
  zhTW,
120
} from 'handsontable/i18n';
121

122
// register individual cell types
123
registerCellType(AutocompleteCellType);
124
registerCellType(CheckboxCellType);
125
registerCellType(DateCellType);
126
registerCellType(DropdownCellType);
127
registerCellType(HandsontableCellType);
128
registerCellType(NumericCellType);
129
registerCellType(PasswordCellType);
130
registerCellType(TimeCellType);
131
registerCellType(TextCellType);
132

133
// register individual renderers
134
registerRenderer(baseRenderer);
135
registerRenderer(autocompleteRenderer);
136
registerRenderer(checkboxRenderer);
137
registerRenderer(dropdownRenderer);
138
registerRenderer(htmlRenderer);
139
registerRenderer(numericRenderer);
140
registerRenderer(passwordRenderer);
141
registerRenderer(textRenderer);
142

143
// register individual editors
144
registerEditor(BaseEditor);
145
registerEditor(AutocompleteEditor);
146
registerEditor(CheckboxEditor);
147
registerEditor(DateEditor);
148
registerEditor(DropdownEditor);
149
registerEditor(HandsontableEditor);
150
registerEditor(NumericEditor);
151
registerEditor(PasswordEditor);
152
registerEditor(SelectEditor);
153
registerEditor(TextEditor);
154

155
// register individual validators
156
registerValidator(autocompleteValidator);
157
registerValidator(dateValidator);
158
registerValidator(dropdownValidator);
159
registerValidator(numericValidator);
160
registerValidator(timeValidator);
161

162
// register individual plugins
163
registerPlugin(AutoColumnSize);
164
registerPlugin(Autofill);
165
registerPlugin(AutoRowSize);
166
registerPlugin(BindRowsWithHeaders);
167
registerPlugin(CollapsibleColumns);
168
registerPlugin(ColumnSorting);
169
registerPlugin(ColumnSummary);
170
registerPlugin(Comments);
171
registerPlugin(ContextMenu);
172
registerPlugin(CopyPaste);
173
registerPlugin(CustomBorders);
174
registerPlugin(DragToScroll);
175
registerPlugin(DropdownMenu);
176
registerPlugin(ExportFile);
177
registerPlugin(Filters);
178
registerPlugin(Formulas);
179
registerPlugin(HiddenColumns);
180
registerPlugin(HiddenRows);
181
registerPlugin(ManualColumnFreeze);
182
registerPlugin(ManualColumnMove);
183
registerPlugin(ManualColumnResize);
184
registerPlugin(ManualRowMove);
185
registerPlugin(ManualRowResize);
186
registerPlugin(MergeCells);
187
registerPlugin(MultiColumnSorting);
188
registerPlugin(MultipleSelectionHandles);
189
registerPlugin(NestedHeaders);
190
registerPlugin(NestedRows);
191
registerPlugin(Search);
192
registerPlugin(StretchColumns);
193
registerPlugin(TouchScroll);
194
registerPlugin(TrimRows);
195
registerPlugin(UndoRedo);
196

197
// register individual translations
198
registerLanguageDictionary(arAR);
199
registerLanguageDictionary(deCH);
200
registerLanguageDictionary(deDE);
201
registerLanguageDictionary(enUS);
202
registerLanguageDictionary(esMX);
203
registerLanguageDictionary(frFR);
204
registerLanguageDictionary(hrHR);
205
registerLanguageDictionary(itIT);
206
registerLanguageDictionary(jaJP);
207
registerLanguageDictionary(koKR);
208
registerLanguageDictionary(lvLV);
209
registerLanguageDictionary(nbNO);
210
registerLanguageDictionary(nlNL);
211
registerLanguageDictionary(plPL);
212
registerLanguageDictionary(ptBR);
213
registerLanguageDictionary(ruRU);
214
registerLanguageDictionary(srSP);
215
registerLanguageDictionary(zhCN);
216
registerLanguageDictionary(zhTW);

All imports

1
import { registerCellType } from 'handsontable/cellTypes/registry';
2
import { AutocompleteCellType } from 'handsontable/cellTypes/autocompleteType';
3
import { CheckboxCellType } from 'handsontable/cellTypes/checkboxType';
4
import { DateCellType } from 'handsontable/cellTypes/dateType';
5
import { DropdownCellType } from 'handsontable/cellTypes/dropdownType';
6
import { HandsontableCellType } from 'handsontable/cellTypes/handsontableType';
7
import { NumericCellType } from 'handsontable/cellTypes/numericType';
8
import { PasswordCellType } from 'handsontable/cellTypes/passwordType';
9
import { TextCellType } from 'handsontable/cellTypes/textType';
10
import { TimeCellType } from 'handsontable/cellTypes/timeType';
11

12
import { registerRenderer } from 'handsontable/renderers/registry';
13
import { rendererFactory } from 'handsontable/renderers/factory';
14
import { autocompleteRenderer } from 'handsontable/renderers/autocompleteRenderer';
15
import { baseRenderer } from 'handsontable/renderers/baseRenderer';
16
import { checkboxRenderer } from 'handsontable/renderers/checkboxRenderer';
17
import { dropdownRenderer } from 'handsontable/renderers/dropdownRenderer';
18
import { htmlRenderer } from 'handsontable/renderers/htmlRenderer';
19
import { numericRenderer } from 'handsontable/renderers/numericRenderer';
20
import { passwordRenderer } from 'handsontable/renderers/passwordRenderer';
21
import { textRenderer } from 'handsontable/renderers/textRenderer';
22

23
import { registerEditor } from 'handsontable/editors/registry';
24
import { editorFactory } from 'handsontable/editors/factory';
25
import { AutocompleteEditor } from 'handsontable/editors/autocompleteEditor';
26
import { BaseEditor } from 'handsontable/editors/baseEditor';
27
import { CheckboxEditor } from 'handsontable/editors/checkboxEditor';
28
import { DateEditor } from 'handsontable/editors/dateEditor';
29
import { DropdownEditor } from 'handsontable/editors/dropdownEditor';
30
import { HandsontableEditor } from 'handsontable/editors/handsontableEditor';
31
import { NumericEditor } from 'handsontable/editors/numericEditor';
32
import { PasswordEditor } from 'handsontable/editors/passwordEditor';
33
import { SelectEditor } from 'handsontable/editors/selectEditor';
34
import { TextEditor } from 'handsontable/editors/textEditor';
35

36
import { registerValidator } from 'handsontable/validators/registry';
37
import { autocompleteValidator } from 'handsontable/validators/autocompleteValidator';
38
import { dateValidator } from 'handsontable/validators/dateValidator';
39
import { dropdownValidator } from 'handsontable/validators/dropdownValidator';
40
import { numericValidator } from 'handsontable/validators/numericValidator';
41
import { timeValidator } from 'handsontable/validators/timeValidator';
42

43
import { registerPlugin } from 'handsontable/plugins/registry';
44
import { AutoColumnSize } from 'handsontable/plugins/autoColumnSize';
45
import { Autofill } from 'handsontable/plugins/autofill';
46
import { AutoRowSize } from 'handsontable/plugins/autoRowSize';
47
import { BasePlugin } from 'handsontable/plugins/base';
48
import { BindRowsWithHeaders } from 'handsontable/plugins/bindRowsWithHeaders';
49
import { CollapsibleColumns } from 'handsontable/plugins/collapsibleColumn';
50
import { ColumnSorting } from 'handsontable/plugins/columnSorting';
51
import { Comments } from 'handsontable/plugins/comments';
52
import { ContextMenu } from 'handsontable/plugins/contextMenu';
53
import { CopyPaste } from 'handsontable/plugins/copyPaste';
54
import { CustomBorders } from 'handsontable/plugins/customBorders';
55
import { DragToScroll } from 'handsontable/plugins/dragToScroll';
56
import { DropdownMenu } from 'handsontable/plugins/dropdownMenu';
57
import { ExportFile } from 'handsontable/plugins/exportFile';
58
import { Filters } from 'handsontable/plugins/filters';
59
import { HiddenColumns } from 'handsontable/plugins/hiddenColumns';
60
import { HiddenRows } from 'handsontable/plugins/hiddenRows';
61
import { ManualColumnFreeze } from 'handsontable/plugins/manualColumnFreeze';
62
import { ManualColumnMove } from 'handsontable/plugins/manualColumnMove';
63
import { ManualColumnResize } from 'handsontable/plugins/manualColumnResize';
64
import { ManualRowMove } from 'handsontable/plugins/manualRowMove';
65
import { ManualRowResize } from 'handsontable/plugins/manualRowResize';
66
import { MergeCells } from 'handsontable/plugins/mergeCells';
67
import { MultipleSelectionHandles } from 'handsontable/plugins/multipleSelectionHandles';
68
import { NestedHeaders } from 'handsontable/plugins/nestedHeaders';
69
import { NestedRows } from 'handsontable/plugins/nestedRows';
70
import { Search } from 'handsontable/plugins/search';
71
import { StretchColumns } from 'handsontable/plugins/stretchColumns';
72
import { TouchScroll } from 'handsontable/plugins/touchScroll';
73
import { TrimRows } from 'handsontable/plugins/trimRows';
74
import { UndoRedo } from 'handsontable/plugins/undoRedo';
75

76
import { registerLanguageDictionary } from 'handsontable/i18n/registry';

Using modules with frameworks

You can also use modules with Handsontable’s framework wrappers:

Using modules with React

Using modules with Angular

Using modules with Vue

Related guides

Related blog articles

Modularizing to improve the developer experience

Handsontable 11.0.0: modularization for React, Angular, and Vue

Modules

Overview

Use modules

Bundler support

Base module

Import the base module

Optional modules

Cell type modules

Import a cell type module

Renderer, editor, and validator modules

Plugin modules

Import a plugin module

Translation modules

Import a translation module

List of all modules

List of all module imports

Using modules with frameworks

Related articles