handsontable 0.0.0-next-9ec04ce-20221121

package/dataMap/metaManager/metaSchema.js

@@ -0,0 +1,4610 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.symbol.iterator.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _mixed = require("../../helpers/mixed");
+var _object = require("../../helpers/object");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/* eslint-disable jsdoc/require-description-complete-sentence */
+/**
+ * @alias Options
+ * @class Options
+ * @description
+ *
+ * [Configuration options](@/guides/getting-started/configuration-options.md) let you heavily customize your Handsontable instance. For example, you can:
+ *
+ * - Enable and disable built-in features
+ * - Enable and configure additional [plugins](@/guides/tools-and-building/custom-plugins.md)
+ * - Personalize Handsontable's look
+ * - Adjust Handsontable's behavior
+ * - Implement your own custom features
+ *
+ * ::: only-for javascript
+ *
+ * To apply [configuration options](@/guides/getting-started/configuration-options.md), pass them as
+ * a second argument of the [Handsontable constructor](@/guides/getting-started/installation.md#initialize-handsontable),
+ * using the [object literal notation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer):
+ *
+ * Read more on the [Configuration options](@/guides/getting-started/configuration-options.md) page.
+ *
+ * ```js
+ * const container = document.getElementById('example');
+ *
+ * const hot = new Handsontable(container, {
+ *   // configuration options, in the object literal notation
+ *   licenseKey: 'non-commercial-and-evaluation',
+ *   data: [
+ *     ['A1', 'B1', 'C1', 'D1', 'E1'],
+ *     ['A2', 'B2', 'C2', 'D2', 'E2'],
+ *     ['A3', 'B3', 'C3', 'D3', 'E3'],
+ *     ['A4', 'B4', 'C4', 'D4', 'E4'],
+ *     ['A5', 'B5', 'C5', 'D5', 'E5'],
+ *   ],
+ *   width: 400,
+ *   height: 300,
+ *   colHeaders: true,
+ *   rowHeaders: true,
+ *   customBorders: true,
+ *   dropdownMenu: true,
+ *   multiColumnSorting: true,
+ *   filters: true,
+ *   manualRowMove: true,
+ * });
+ * ```
+ * :::
+ *
+ * ::: only-for react
+ *
+ * To apply configuration options, pass them as individual props
+ * of the [`HotTable`](@/guides/getting-started/installation.md##hottable-component)
+ * or [`HotColumn`](@/guides/columns/react-hot-column.md) components.
+ *
+ * Read more on the [Configuration options](@/guides/getting-started/configuration-options.md) page.
+ *
+ * ```jsx
+ * <HotTable
+ *   // configuration options, in the object literal notation
+ *   licenseKey='non-commercial-and-evaluation'
+ *   data={[
+ *     ['A1', 'B1', 'C1', 'D1', 'E1'],
+ *     ['A2', 'B2', 'C2', 'D2', 'E2'],
+ *     ['A3', 'B3', 'C3', 'D3', 'E3'],
+ *     ['A4', 'B4', 'C4', 'D4', 'E4'],
+ *     ['A5', 'B5', 'C5', 'D5', 'E5'],
+ *   ]}
+ *   width={400}
+ *   height={300}
+ *   colHeaders={true}
+ *   rowHeaders={true}
+ *   customBorders={true}
+ *   dropdownMenu={true}
+ *   multiColumnSorting={true}
+ *   filters={true}
+ *   manualRowMove={true}
+ * />
+ * ```
+ * :::
+ *
+ * Depending on your needs, you can apply [configuration options](@/api/options.md) to different elements of your grid:
+ * - [The entire grid](@/guides/getting-started/configuration-options.md#setting-grid-options)
+ * - [Individual columns](@/guides/getting-started/configuration-options.md#setting-column-options)
+ * - [Individual rows](@/guides/getting-started/configuration-options.md#setting-row-options)
+ * - [Individual cells](@/guides/getting-started/configuration-options.md#setting-cell-options)
+ * - [Individual grid elements, based on any logic you implement](@/guides/getting-started/configuration-options.md#implementing-custom-logic)
+ *
+ * Read more:
+ * - [Configuration options](@/guides/getting-started/configuration-options.md)
+ */
+var _default = function _default() {
+  return {
+    /* eslint-disable jsdoc/require-description-complete-sentence */
+
+    /**
+     * Information on which of the meta properties were added automatically.
+     * For example: setting the `renderer` property directly won't extend the `_automaticallyAssignedMetaProps`
+     * entry, but setting a `type` will modify it to:
+     * ```
+     * _automaticallyAssignedMetaProps: {
+     *   renderer: true,
+     *   editor: true,
+     *   validator: true
+     * }
+     * ```
+     *
+     * @private
+     * @type {object}
+     * @default {}
+     */
+    _automaticallyAssignedMetaProps: {},
+    /**
+     * The `activeHeaderClassName` option lets you add a CSS class name
+     * to every currently-active, currently-selected header (when a whole column or row is selected).
+     *
+     * Read more:
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @since 0.38.2
+     * @default 'ht__active_highlight'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add an `ht__active_highlight` CSS class name
+     * // to every currently-active, currently-selected header
+     * activeHeaderClassName: 'ht__active_highlight',
+     * ```
+     */
+    activeHeaderClassName: 'ht__active_highlight',
+    /**
+     * The `allowEmpty` option determines whether Handsontable accepts the following values:
+     * - `null`
+     * - `undefined`
+     * - `''`
+     *
+     * You can set the `allowEmpty` option to one of the following:
+     *
+     * | Setting          | Description                                                                                                                          |
+     * | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+     * | `true` (default) | - Accept `null`, `undefined` and `''` values<br>- Mark cells that contain `null`, `undefined` or `''` values as `valid`              |
+     * | `false`          | - Don't accept `null`, `undefined` and `''` values<br>- Mark cells that contain `null`, `undefined` or `''` values with as `invalid` |
+     *
+     * ::: tip
+     * To use the [`allowEmpty`](#allowempty) option, you need to set the [`validator`](#validator) option (or the [`type`](#type) option).
+     * :::
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // allow empty values in each cell of the entire grid
+     * allowEmpty: true,
+     *
+     * // or
+     * columns: [
+     *   {
+     *     type: 'date',
+     *     dateFormat: 'DD/MM/YYYY',
+     *     // allow empty values in each cell of the 'date' column
+     *     allowEmpty: true
+     *   }
+     * ],
+     * ```
+     */
+    allowEmpty: true,
+    /**
+     * The `allowHtml` option configures whether [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md)
+     * and [`dropdown`](@/guides/cell-types/dropdown-cell-type.md) cells' [`source`](#source) data
+     * is treated as HTML.
+     *
+     * You can set the `allowHtml` option to one of the following:
+     *
+     * | Setting           | Description                                         |
+     * | ----------------- | --------------------------------------------------- |
+     * | `false` (default) | The [`source`](#source) data is not treated as HTML |
+     * | `true`            | The [`source`](#source) data is treated as HTML     |
+     *
+     * __Warning:__ Setting the `allowHtml` option to `true` can cause serious XSS vulnerabilities.
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [Dropdown cell type](@/guides/cell-types/dropdown-cell-type.md)
+     * - [`source`](#source)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *   // set the `type` of each cell in this column to `autocomplete`
+     *   type: 'autocomplete',
+     *   // set options available in every `autocomplete` cell of this column
+     *   source: ['<strong>foo</strong>', '<strong>bar</strong>']
+     *   // use HTML in the `source` list
+     *   allowHtml: true,
+     *   },
+     * ],
+     * ```
+     */
+    allowHtml: false,
+    /**
+     * If set to `true`, the `allowInsertColumn` option adds the following menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md):
+     * - **Insert column left**
+     * - **Insert column right**
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // hide the 'Insert column left' and 'Insert column right' menu items from the context menu
+     * allowInsertColumn: false,
+     * ```
+     */
+    allowInsertColumn: true,
+    /**
+     * If set to `true`, the `allowInsertRow` option adds the following menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md):
+     * - **Insert row above**
+     * - **Insert row below**
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // hide the 'Insert row above' and 'Insert row below' menu items from the context menu
+     * allowInsertRow: false,
+     * ```
+     */
+    allowInsertRow: true,
+    /**
+     * The `allowInvalid` option determines whether Handsontable accepts values
+     * that were marked as `invalid` by the [cell validator](@/guides/cell-functions/cell-validator.md).
+     *
+     * You can set the `allowInvalid` option to one of the following:
+     *
+     * | Setting          | Description                                                                                                                                                                        |
+     * | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true` (default) | - Accept `invalid` values<br>- Allow the user to close the [cell editor](@/guides/cell-functions/cell-editor.md) with `invalid` values<br>- Save `invalid` values into the data source                   |
+     * | `false`          | - Don't accept `invalid` values<br>- Don't allow the user to close the [cell editor](@/guides/cell-functions/cell-editor.md) with `invalid` values<br>- Don't save `invalid` values into the data source |
+     *
+     * Setting the `allowInvalid` option to `false` can be useful when used with the [Autocomplete strict mode](@/guides/cell-types/autocomplete-cell-type.md#autocomplete-strict-mode).
+     *
+     * Read more:
+     * - [Cell validator](@/guides/cell-functions/cell-validator.md)
+     * - [Cell editor](@/guides/cell-functions/cell-editor.md)
+     * - [Autocomplete strict mode](@/guides/cell-types/autocomplete-cell-type.md#autocomplete-strict-mode)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // don't accept `invalid` values
+     * // don't allow the user to close the cell editor
+     * // don't save `invalid` values into the data source
+     * allowInvalid: false,
+     * ```
+     */
+    allowInvalid: true,
+    /**
+     * If set to `true`, the `allowRemoveColumn` option adds the following menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md):
+     * - **Remove column**
+     *
+     * Read more:
+     * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // hide the 'Remove column' menu item from the context menu
+     * allowRemoveColumn: false,
+     * ```
+     */
+    allowRemoveColumn: true,
+    /**
+     * If set to `true`, the `allowRemoveRow` option adds the following menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md):
+     * - **Remove row**
+     *
+     * Read more:
+     * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // hide the 'Remove row' menu item from the context menu
+     * allowRemoveRow: false,
+     * ```
+     */
+    allowRemoveRow: true,
+    /**
+     * The `autoColumnSize` option configures the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin.
+     *
+     * You can set the `autoColumnSize` option to one of the following:
+     *
+     * | Setting   | Description                                                                                  |
+     * | --------- | -------------------------------------------------------------------------------------------- |
+     * | `false`   | Disable the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin                               |
+     * | `true`    | Enable the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin with the default configuration |
+     * | An object | Enable the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin and modify the plugin options  |
+     *
+     * If you set the `autoColumnSize` option to an object, you can set the following [`AutoColumnSize`](@/api/autoColumnSize.md) plugin options:
+     *
+     * | Property                | Possible values                 | Description                                                                                                    |
+     * | ----------------------- | ------------------------------- | -------------------------------------------------------------------------------------------------------------- |
+     * | `syncLimit`             | A number \| A percentage string | The number/percentage of columns to keep in sync<br>(default: `50`)                                            |
+     * | `useHeaders`            | `true` \| `false`               | When calculating column widths:<br>`true`: use column headers<br>`false`: don't use column headers          |
+     * | `samplingRatio`         | A number                        | The number of samples of the same length to be used in column width calculations                               |
+     * | `allowSampleDuplicates` | `true` \| `false`               | When calculating column widths:<br>`true`: Allow duplicate samples<br>`false`: Don't allow duplicate samples |
+     *
+     * By default, the `autoColumnSize` option is set to `undefined`,
+     * but the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin acts as enabled.
+     * To disable the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin completely,
+     * set the `autoColumnSize` option to `false`.
+     *
+     * Using the [`colWidths`](#colWidths) option forcibly disables the [`AutoColumnSize`](@/api/autoColumnSize.md) plugin.
+     *
+     * Read more:
+     * - [Plugins: `AutoColumnSize`](@/api/autoColumnSize.md)
+     *
+     * @memberof Options#
+     * @type {object|boolean}
+     * @default undefined
+     * @category AutoColumnSize
+     *
+     * @example
+     * ```js
+     * autoColumnSize: {
+     *   // keep 40% of columns in sync (the rest of columns: async)
+     *   syncLimit: '40%',
+     *   // when calculating column widths, use column headers
+     *   useHeaders: true,
+     *   // when calculating column widths, use 10 samples of the same length
+     *   samplingRatio: 10,
+     *   // when calculating column widths, allow duplicate samples
+     *   allowSampleDuplicates: true
+     * },
+     * ```
+     */
+    autoColumnSize: void 0,
+    /**
+     * The `autoRowSize` option configures the [`AutoRowSize`](@/api/autoRowSize.md) plugin.
+     *
+     * You can set the `autoRowSize` option to one of the following:
+     *
+     * | Setting   | Description                                                                            |
+     * | --------- | -------------------------------------------------------------------------------------- |
+     * | `false`   | Disable the [`AutoRowSize`](@/api/autoRowSize.md) plugin                               |
+     * | `true`    | Enable the [`AutoRowSize`](@/api/autoRowSize.md) plugin with the default configuration |
+     * | An object | Enable the [`AutoRowSize`](@/api/autoRowSize.md) plugin and modify the plugin options  |
+     *
+     * To give Handsontable's [scrollbar](https://handsontable.com/docs/8.0.0/demo-scrolling.html)
+     * a proper size, set the `autoRowSize` option to `true`.
+     *
+     * If you set the `autoRowSize` option to an object, you can set the following [`AutoRowSize`](@/api/autoRowSize.md) plugin options:
+     *
+     * | Property    | Possible values                 | Description                                                       |
+     * | ----------- | ------------------------------- | ----------------------------------------------------------------- |
+     * | `syncLimit` | A number \| A percentage string | The number/percentage of rows to keep in sync<br>(default: `500`) |
+     *
+     * Using the [`rowHeights`](#rowHeights) option forcibly disables the [`AutoRowSize`](@/api/autoRowSize.md) plugin.
+     *
+     * Read more:
+     * - [Plugins: `AutoRowSize`](@/api/autoRowSize.md)
+     *
+     * @memberof Options#
+     * @type {object|boolean}
+     * @default undefined
+     * @category AutoRowSize
+     *
+     * @example
+     * ```js
+     * autoRowSize: {
+     *   // keep 40% of rows in sync (the rest of rows: async)
+     *   syncLimit: '40%'
+     * },
+     * ```
+     */
+    autoRowSize: void 0,
+    /**
+     * The `autoWrapCol` option determines what happens to current cell selection when you navigate to the grid's top or bottom edge.
+     *
+     * You can set the `autoWrapCol` option to one of the following:
+     *
+     * | Setting           | Description                                                                                                             |
+     * | ----------------- | ----------------------------------------------------------------------------------------------------------------------- |
+     * | `true`            | On reaching the grid's top or bottom edge<br>- Jump to the opposite edge<br>- Select a cell in the previous/next column |
+     * | `false` (default) | On reaching the grid's top or bottom edge, stop                                                                         |
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // on reaching the grid's top or bottom edge, jump to the opposite edge
+     * autoWrapCol: true,
+     * ```
+     */
+    autoWrapCol: false,
+    /**
+     * The `autoWrapRow` option determines what happens to current cell selection when you navigate to the grid's left or right edge.
+     *
+     * You can set the `autoWrapRow` option to one of the following:
+     *
+     * | Setting           | Description                                                                                                                  |
+     * | ----------------- | ---------------------------------------------------------------------------------------------------------------------------- |
+     * | `true`            | On reaching the grid's left or right edge:<br>- Jump to the grid's opposite edge<br>- Select a cell in the previous/next row |
+     * | `false` (default) | On reaching the grid's left or right edge, stop                                                                              |
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // on reaching the grid's left or right edge, jump to the opposite edge
+     * autoWrapRow: true,
+     * ```
+     */
+    autoWrapRow: false,
+    /**
+     * @description
+     * The `bindRowsWithHeaders` option configures the [`BindRowsWithHeaders`](@/api/bindRowsWithHeaders.md) plugin.
+     *
+     * You can set the `bindRowsWithHeaders` option to one of the following:
+     *
+     * | Setting | Description                                                                  |
+     * | ------- | ---------------------------------------------------------------------------- |
+     * | `false` | Disable the the [`BindRowsWithHeaders`](@/api/bindRowsWithHeaders.md) plugin |
+     * | `true`  | Enable the the [`BindRowsWithHeaders`](@/api/bindRowsWithHeaders.md) plugin  |
+     *
+     * Read more:
+     * - [Plugins: `BindRowsWithHeaders`](@/api/bindRowsWithHeaders.md)
+     *
+     * @memberof Options#
+     * @type {boolean|string}
+     * @default undefined
+     * @category BindRowsWithHeaders
+     *
+     * @example
+     * ```js
+     * // enable the `BindRowsWithHeaders` plugin
+     * bindRowsWithHeaders: true
+     * ```
+     */
+    bindRowsWithHeaders: void 0,
+    /**
+     * The `cell` option lets you apply [configuration options](@/guides/getting-started/configuration-options.md) to individual cells.
+     *
+     * The `cell` option overwrites the [top-level grid options](@/guides/getting-started/configuration-options.md#setting-grid-options),
+     * and the [`columns`](#columns) options.
+     *
+     * Read more:
+     * - [Configuration options: Setting cell options](@/guides/getting-started/configuration-options.md#setting-cell-options)
+     * - [`columns`](#columns)
+     *
+     * @memberof Options#
+     * @type {Array[]}
+     * @default []
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the `cell` option to an array of objects
+     * cell: [
+     *   // make the cell with coordinates (0, 0) read-only
+     *   {
+     *     row: 0,
+     *     col: 0,
+     *     readOnly: true
+     *   }
+     * ],
+     * ```
+     */
+    cell: [],
+    /**
+     * @description
+     * The `cells` option lets you apply any other [configuration options](@/guides/getting-started/configuration-options.md) to
+     * individual grid elements (columns, rows, cells), based on any logic you implement.
+     *
+     * The `cells` option overwrites all other options (including options set by [`columns`](#columns) and [`cell`](#cell)).
+     * It takes the following parameters:
+     *
+     * | Parameter | Required | Type             | Description                                                                                                                                                                                                                                                                                                                             |
+     * | --------- | -------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `row`     | Yes      | Number           | A physical row index                                                                                                                                                                                                                                                                                                                    |
+     * | `column`  | Yes      | Number           | A physical column index                                                                                                                                                                                                                                                                                                                 |
+     * | `prop`    | No       | String \| Number | If [`data`](#data) is set to an [array of arrays](@/guides/getting-started/binding-to-data.md#array-of-arrays), `prop` is the same number as `column`.<br><br>If [`data`](#data) is set to an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects), `prop` is a property name for the column's data object. |
+     *
+     * Read more:
+     * - [Configuration options: Implementing custom logic](@/guides/getting-started/configuration-options.md#implementing-custom-logic)
+     * - [Configuration options: Setting row options](@/guides/getting-started/configuration-options.md#setting-row-options)
+     * - [`columns`](#columns)
+     * - [`cell`](#cell)
+     *
+     * @memberof Options#
+     * @type {Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the `cells` option to your custom function
+     * cells(row, column, prop) {
+     *   const cellProperties = { readOnly: false };
+     *   const visualRowIndex = this.instance.toVisualRow(row);
+     *   const visualColIndex = this.instance.toVisualColumn(column);
+     *
+     *   if (visualRowIndex === 0 && visualColIndex === 0) {
+     *     cellProperties.readOnly = true;
+     *   }
+     *
+     *   return cellProperties;
+     * },
+     * ```
+     */
+    cells: void 0,
+    /**
+     * The `checkedTemplate` option lets you configure what value
+     * a checked [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cell has.
+     *
+     * You can set the `checkedTemplate` option to one of the following:
+     *
+     * | Setting          | Description                                                                                                                                                                              |
+     * | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true` (default) | If a [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cell is checked,<br>the [`getDataAtCell`](@/api/core.md#getDataAtCell) method for this cell returns `true`                  |
+     * | A string         | If a [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cell is checked,<br>the [`getDataAtCell`](@/api/core.md#getDataAtCell) method for this cell returns a string of your choice |
+     *
+     * Read more:
+     * - [Checkbox cell type: Checkbox template](@/guides/cell-types/checkbox-cell-type.md#checkbox-template)
+     * - [`getDataAtCell()`](@/api/core.md#getDataAtCell)
+     * - [`uncheckedTemplate`](#uncheckedTemplate)
+     *
+     * @memberof Options#
+     * @type {boolean|string|number}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // set the `type` of each cell in this column to `checkbox`
+     *     // when checked, the cell's value is `true`
+     *     // when unchecked, the cell's value is `false`
+     *     type: 'checkbox',
+     *   },
+     *   {
+     *     // set the `type` of each cell in this column to `checkbox`
+     *     type: 'checkbox',
+     *     // when checked, the cell's value is `'Yes'`
+     *     checkedTemplate: 'Yes',
+     *     // when unchecked, the cell's value is `'No'`
+     *     uncheckedTemplate: 'No'
+     *  }
+     * ],
+     * ```
+     */
+    checkedTemplate: void 0,
+    /**
+     * The `className` option lets you add CSS class names to every currently-selected element.
+     *
+     * You can set the `className` option to one of the following:
+     *
+     * | Setting             | Description                                                      |
+     * | ------------------- | ---------------------------------------------------------------- |
+     * | A string            | Add a single CSS class name to every currently-selected element  |
+     * | An array of strings | Add multiple CSS class names to every currently-selected element |
+     *
+     * ::: tip
+     * Don't change the `className` metadata of the [column summary](@/guides/columns/column-summary.md) row.
+     * To style the summary row, use the class name assigned automatically by the [`ColumnSummary`](@/api/columnSummary.md) plugin: `columnSummaryResult`.
+     * :::
+     *
+     * To apply different CSS class names on different levels, use Handsontable's [cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration).
+     *
+     * Read more:
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`TableClassName`](#TableClassName)
+     *
+     * @memberof Options#
+     * @type {string|string[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `your-class-name` CSS class name
+     * // to every currently-selected element
+     * className: 'your-class-name',
+     *
+     * // add `first-class-name` and `second-class-name` CSS class names
+     * // to every currently-selected element
+     * className: ['first-class-name', 'second-class-name'],
+     * ```
+     */
+    className: void 0,
+    /**
+     * The `colHeaders` option configures your grid's column headers.
+     *
+     * You can set the `colHeaders` option to one of the following:
+     *
+     * | Setting  | Description                                                          |
+     * | -------- | -------------------------------------------------------------------- |
+     * | `true`   | Enable the default column headers ('A', 'B', 'C', ...)               |
+     * | `false`  | Disable column headers                                               |
+     * | An array | Define your own column headers (e.g. `['One', 'Two', 'Three', ...]`) |
+     * | A function | Define your own column headers, using a function                     |
+     *
+     * Read more:
+     * - [Column header](@/guides/columns/column-header.md)
+     *
+     * @memberof Options#
+     * @type {boolean|string[]|Function}
+     * @default null
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // enable the default column headers
+     * colHeaders: true,
+     *
+     * // set your own column headers
+     * colHeaders: ['One', 'Two', 'Three'],
+     *
+     * // set your own column headers, using a function
+     * colHeaders: function(visualColumnIndex) {
+     *   return `${visualColumnIndex} + : AB`;
+     * },
+     * ```
+     */
+    colHeaders: null,
+    /**
+     * @description
+     * The `collapsibleColumns` option configures the [`CollapsibleColumns`](@/api/collapsibleColumns.md) plugin.
+     *
+     * You can set the `collapsibleColumns` option to one of the following:
+     *
+     * | Setting              | Description                                                                                       |
+     * | -------------------- | ------------------------------------------------------------------------------------------------- |
+     * | `false`              | Disable the [`CollapsibleColumns`](@/api/collapsibleColumns.md) plugin                            |
+     * | `true`               | Enable the [`CollapsibleColumns`](@/api/collapsibleColumns.md) plugin                             |
+     * | An array of objects  | Enable the [`CollapsibleColumns`](@/api/collapsibleColumns.md) plugin for selected column headers |
+     *
+     * Read more:
+     * - [Plugins: `CollapsibleColumns`](@/api/collapsibleColumns.md)
+     *
+     * @memberof Options#
+     * @type {boolean|object[]}
+     * @default undefined
+     * @category CollapsibleColumns
+     *
+     * @example
+     * ```js
+     * // enable column collapsing for all headers
+     * collapsibleColumns: true,
+     *
+     * // enable column collapsing for selected headers
+     * collapsibleColumns: [
+     *   {row: -4, col: 1, collapsible: true},
+     *   {row: -3, col: 5, collapsible: true}
+     * ],
+     * ```
+     */
+    collapsibleColumns: void 0,
+    /**
+     * @description
+     * The `columnHeaderHeight` option configures the height of column headers.
+     *
+     * You can set the `columnHeaderHeight` option to one of the following:
+     *
+     * | Setting  | Description                                         |
+     * | -------- | --------------------------------------------------- |
+     * | A number | Set the same height for every column header         |
+     * | An array | Set different heights for individual column headers |
+     *
+     * @memberof Options#
+     * @type {number|number[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the same height for every column header
+     * columnHeaderHeight: 25,
+     *
+     * // set different heights for individual column headers
+     * columnHeaderHeight: [25, 30, 55],
+     * ```
+     */
+    columnHeaderHeight: void 0,
+    /**
+     * @description
+     * The `columns` option lets you apply any other [configuration options](@/guides/getting-started/configuration-options.md) to individual columns (or ranges of columns).
+     *
+     * You can set the `columns` option to one of the following:
+     * - An array of objects (each object represents one column)
+     * - A function that returns an array of objects
+     *
+     * The `columns` option overwrites the [top-level grid options](@/guides/getting-started/configuration-options.md#setting-grid-options).
+     *
+     * When you use `columns`, the [`startCols`](#startCols), [`minCols`](#minCols), and [`maxCols`](#maxCols) options are ignored.
+     *
+     * Read more:
+     * - [Configuration options: Setting column options](@/guides/getting-started/configuration-options.md#setting-column-options)
+     * - [`startCols`](#startCols)
+     * - [`minCols`](#minCols)
+     * - [`maxCols`](#maxCols)
+     * - [`data`](#data)
+     *
+     * @memberof Options#
+     * @type {object[]|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the `columns` option to an array of objects
+     * // each object represents one column
+     * columns: [
+     *   {
+     *     // column options for the first (by physical index) column
+     *     type: 'numeric',
+     *     numericFormat: {
+     *       pattern: '0,0.00 $'
+     *     }
+     *   },
+     *   {
+     *     // column options for the second (by physical index) column
+     *     type: 'text',
+     *     readOnly: true
+     *   }
+     * ],
+     *
+     * // or set the `columns` option to a function, based on physical indexes
+     * columns(index) {
+     *   return {
+     *     type: index > 0 ? 'numeric' : 'text',
+     *     readOnly: index < 1
+     *   }
+     * }
+     * ```
+     */
+    columns: void 0,
+    /**
+     * @description
+     * The `columnSorting` option configures the [`ColumnSorting`](@/api/columnSorting.md) plugin.
+     *
+     * You can set the `columnSorting` option to one of the following:
+     *
+     * | Setting    | Description                                                                                                                            |
+     * | ---------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true`     | Enable the [`ColumnSorting`](@/api/columnSorting.md) plugin with the default configuration                                             |
+     * | `false`    | Disable the [`ColumnSorting`](@/api/columnSorting.md) plugin                                                                           |
+     * | An object  | - Enable the [`ColumnSorting`](@/api/columnSorting.md) plugin<br>- Modify the [`ColumnSorting`](@/api/columnSorting.md) plugin options |
+     *
+     * If you set the `columnSorting` option to an object,
+     * you can set the following [`ColumnSorting`](@/api/columnSorting.md) plugin options:
+     *
+     * | Option                   | Possible settings                                                                                                                                |
+     * | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+     * | `indicator`              | `true`: Display an arrow icon in the column header, to indicate a sortable column<br>`false`: Don't display the arrow icon in the column header  |
+     * | `headerAction`           | `true`: Enable clicking on the column header to sort the column<br>`false`: Disable clicking on the column header to sort the column             |
+     * | `sortEmptyCells`         | `true`: Sort empty cells as well<br>`false`: Place empty cells at the end                                                                        |
+     * | `compareFunctionFactory` | A [custom compare function](@/guides/rows/row-sorting.md#custom-compare-functions)                                                                |
+     *
+     * If you set the `columnSorting` option to an object,
+     * you can also sort individual columns at Handsontable's initialization.
+     * In the `columnSorting` object, add an object named `initialConfig`,
+     * with the following properties:
+     *
+     * | Option      | Possible settings   | Description                                                      |
+     * | ----------- | ------------------- | ---------------------------------------------------------------- |
+     * | `column`    | A number            | The index of the column that you want to sort at initialization  |
+     * | `sortOrder` | `'asc'` \| `'desc'` | The sorting order:<br>`'asc'`: ascending<br>`'desc'`: descending |
+     *
+     * Read more:
+     * - [Row sorting](@/guides/rows/row-sorting.md)
+     * - [Row sorting: Custom compare functions](@/guides/rows/row-sorting.md#custom-compare-functions)
+     * - [`multiColumnSorting`](#multiColumnSorting)
+     *
+     * @memberof Options#
+     * @type {boolean|object}
+     * @default undefined
+     * @category ColumnSorting
+     *
+     * @example
+     * ```js
+     * // enable the `ColumnSorting` plugin
+     * columnSorting: true
+     *
+     * // enable the `ColumnSorting` plugin with custom configuration
+     * columnSorting: {
+     *   // sort empty cells as well
+     *   sortEmptyCells: true,
+     *   // display an arrow icon in the column header
+     *   indicator: true,
+     *   // disable clicking on the column header to sort the column
+     *   headerAction: false,
+     *   // add a custom compare function
+     *   compareFunctionFactory(sortOrder, columnMeta) {
+     *     return function(value, nextValue) {
+     *       // some value comparisons which will return -1, 0 or 1...
+     *     }
+     *   }
+     * }
+     *
+     * // enable the `ColumnSorting` plugin
+     * columnSorting: {
+     *   // at initialization, sort column 1 in ascending order
+     *   initialConfig: {
+     *     column: 1,
+     *     sortOrder: 'asc'
+     *   },
+     *   // at initialization, sort column 2 in descending order
+     *   initialConfig: {
+     *     column: 2,
+     *     sortOrder: 'desc'
+     *   }
+     * }
+     * ```
+     */
+    columnSorting: void 0,
+    /**
+     * @description
+     * The `columnSummary` option configures the [`ColumnSummary`](@/api/columnSummary.md) plugin.
+     *
+     * You can set the `columnSummary` option to an array of objects.
+     * Each object configures a single column summary, using the following properties:
+     *
+     * | Property                 | Possible values                                                         | Description                                                                                                                  |
+     * | ------------------------ | ----------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
+     * | `sourceColumn`           | A number                                                                | [Column to summarize](@/guides/columns/column-summary.md#step-2-select-cells-that-you-want-to-summarize)                     |
+     * | `ranges`                 | An array                                                                | [Ranges of rows to summarize](@/guides/columns/column-summary.md#step-2-select-cells-that-you-want-to-summarize)             |
+     * | `type`                   | `'sum'` \| `'min'` \| `'max'` \| `'count'` \| `'average'` \| `'custom'` | [Summary function](@/guides/columns/column-summary.md#step-3-calculate-your-summary)                                         |
+     * | `destinationRow`         | A number                                                                | [Destination cell's row coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates)    |
+     * | `destinationColumn`      | A number                                                                | [Destination cell's column coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
+     * | `forceNumeric`           | `true`  \| `false`                                                      | [Treat non-numerics as numerics](@/guides/columns/column-summary.md#forcing-numeric-values)                                  |
+     * | `reversedRowCoords`      | `true`  \| `false`                                                      | [Reverse row coordinates](@/guides/columns/column-summary.md#step-5-make-room-for-the-destination-cell)                      |
+     * | `suppressDataTypeErrors` | `true`  \| `false`                                                      | [Suppress data type errors](@/guides/columns/column-summary.md#throwing-data-type-errors)                                    |
+     * | `readOnly`               | `true`  \| `false`                                                      | Make summary cell read-only                                                                                                  |
+     * | `roundFloat`             | `true`  \| `false`                                                      | [Round summary result](@/guides/columns/column-summary.md#rounding-a-column-summary-result)                                  |
+     * | `customFunction`         | A function                                                              | [Custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function)                         |
+     *
+     * Read more:
+     * - [Column summary](@/guides/columns/column-summary.md)
+     * - [Plugins: `ColumnSummary`](@/api/columnSummary.md)
+     *
+     * @memberof Options#
+     * @type {object[]|Function}
+     * @default undefined
+     * @category ColumnSummary
+     *
+     * @example
+     * ```js
+     * columnSummary: [
+     *   {
+     *     sourceColumn: 0,
+     *     ranges: [
+     *       [0, 2], [4], [6, 8]
+     *     ],
+     *     type: 'custom',
+     *     destinationRow: 4,
+     *     destinationColumn: 1,
+     *     forceNumeric: true,
+     *     reversedRowCoords: true,
+     *     suppressDataTypeErrors: false,
+     *     readOnly: true,
+     *     roundFloat: false,
+     *     customFunction(endpoint) {
+     *        return 100;
+     *     }
+     *   }
+     * ],
+     * ```
+     */
+    columnSummary: void 0,
+    /**
+     * The `colWidths` option sets columns' widths, in pixels.
+     *
+     * In the rendering process, the default column width is 50px. To change it,
+     * set the `colWidths` option to one of the following:
+     *
+     * | Setting     | Description                                                                                          | Example                                                           |
+     * | ----------- | ---------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
+     * | A number    | Set the same width for every column                                                                  | `colWidths: 100`                                                  |
+     * | A string    | Set the same width for every column                                                                  | `colWidths: '100px'`                                              |
+     * | An array    | Set widths separately for each column                                                                | `colWidths: [100, 120, undefined]`                                |
+     * | A function  | Set column widths dynamically,<br>on each render                                                     | `colWidths(visualColumnIndex) { return visualColumnIndex * 10; }` |
+     * | `undefined` | Used by the [modifyColWidth](@/api/hooks.md#modifyColWidth) hook,<br>to detect column width changes. | `colWidths: undefined`                                            |
+     *
+     * Setting the `colWidths` option disables the {@link AutoColumnSize} plugin.
+     *
+     * Read more:
+     * - [Column width](@/guides/columns/column-width.md)
+     * - [Hooks: `modifyColWidth`](@/api/hooks.md#modifyColWidth)
+     * - [`autoColumnSize`](#autoColumnSize)
+     *
+     * @memberof Options#
+     * @type {number|number[]|string|string[]|Array<undefined>|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set every column's width to 100px
+     * colWidths: 100,
+     *
+     * // set every column's width to 100px
+     * colWidths: '100px',
+     *
+     * // set the first (by visual index) column's width to 100
+     * // set the second (by visual index) column's width to 120
+     * // set the third (by visual index) column's width to `undefined`
+     * // set any other column's width to the default 50px
+     * colWidths: [100, 120, undefined],
+     *
+     * // set each column's width individually, using a function
+     * colWidths(visualColumnIndex) {
+     *   return visualColumnIndex * 10;
+     * },
+     * ```
+     */
+    colWidths: void 0,
+    /**
+     * The `commentedCellClassName` option lets you add a CSS class name to cells
+     * that have comments.
+     *
+     * Read more:
+     * - [Comments](@/guides/cell-features/comments.md)
+     * - [`comments`](#comments)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'htCommentCell'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `has-comment` CSS class name
+     * // to each cell that has a comment
+     * commentedCellClassName: 'has-comment',
+     * ```
+     */
+    commentedCellClassName: 'htCommentCell',
+    /**
+     * @description
+     * The `comments` option configures the [`Comments`](@/api/comments.md) plugin.
+     *
+     * You can set the `comments` option to one of the following:
+     *
+     * | Setting   | Description                                                                                                                                                                           |
+     * | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true`    | - Enable the [`Comments`](@/api/comments.md) plugin<br>- Add comment menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md)                                 |
+     * | `false`   | Disable the [`Comments`](@/api/comments.md) plugin                                                                                                                                    |
+     * | An object | - Enable the [`Comments`](@/api/comments.md) plugin<br>- Add comment menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md)<br>- Configure comment settings |
+     *
+     * If you set the `comments` option to an object, you can configure the following comment options:
+     *
+     * | Option         | Possible settings           | Description                                         |
+     * | -------------- | --------------------------- | --------------------------------------------------- |
+     * | `displayDelay` | A number (default: `250`)   | Display comments after a delay (in milliseconds)    |
+     * | `readOnly`     | `true` \| `false` (default) | `true`: Make comments read-only                     |
+     * | `style`        | An object                   | Set comment boxes' `width` and `height` (in pixels) |
+     *
+     * Read more:
+     * - [Comments](@/guides/cell-features/comments.md)
+     * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
+     * - [`width`](#width)
+     * - [`height`](#height)
+     * - [`readOnly`](#readOnly)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     *
+     * @memberof Options#
+     * @type {boolean|object[]}
+     * @default false
+     * @category Comments
+     *
+     * @example
+     * ```js
+     * // enable the `Comments` plugin
+     * comments: true,
+     *
+     * // enable the `Comments` plugin
+     * // and configure its settings
+     * comments: {
+     *   // display all comments with a 1-second delay
+     *   displayDelay: 1000,
+     *   // make all comments read-only
+     *   readOnly: true,
+     *   // set the default size of all comment boxes
+     *   style: {
+     *     width: 300,
+     *     height: 100
+     *   }
+     * }
+     * ```
+     */
+    comments: false,
+    /**
+     * @description
+     * The `contextMenu` option configures the [`ContextMenu`](@/api/contextMenu.md) plugin.
+     *
+     * You can set the `contextMenu` option to one of the following:
+     *
+     * | Setting   | Description                                                                                                                                                                                             |
+     * | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `false`   | Disable the [`ContextMenu`](@/api/contextMenu.md) plugin                                                                                                                                                |
+     * | `true`    | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Use the [default context menu options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-default-options)                 |
+     * | An array  | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Modify [individual context menu options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-specific-options)              |
+     * | An object | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Apply a [custom context menu configuration](@/guides/accessories-and-menus/context-menu.md#context-menu-with-fully-custom-configuration) |
+     *
+     * Read more:
+     * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
+     * - [Context menu: Context menu with default options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-default-options)
+     * - [Context menu: Context menu with specific options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-specific-options)
+     * - [Context menu: Context menu with fully custom configuration options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-fully-custom-configuration)
+     * - [Plugins: `ContextMenu`](@/api/contextMenu.md)
+     *
+     * @memberof Options#
+     * @type {boolean|string[]|object}
+     * @default undefined
+     * @category ContextMenu
+     *
+     * @example
+     * ```js
+     * // enable the `ContextMenu` plugin
+     * // use the default context menu options
+     * contextMenu: true,
+     *
+     * // enable the `ContextMenu` plugin
+     * // and modify individual context menu options
+     * contextMenu: ['row_above', 'row_below', '---------', 'undo', 'redo'],
+     *
+     * // enable the `ContextMenu` plugin
+     * // and apply a custom context menu configuration
+     * contextMenu: {
+     *   items: {
+     *     'option1': {
+     *       name: 'option1'
+     *     },
+     *     'option2': {
+     *       name: 'option2',
+     *       submenu: {
+     *         items: [
+     *           {
+     *             key: 'option2:suboption1',
+     *             name: 'option2:suboption1',
+     *             callback: function(key, options) {
+     *               ...
+     *             }
+     *           },
+     *           ...
+     *         ]
+     *       }
+     *     }
+     *   }
+     * },
+     * ```
+     */
+    contextMenu: void 0,
+    /**
+     * @description
+     * The `copyable` option determines whether a cell's value can be copied to the clipboard or not.
+     *
+     * You can set the `copyable` option to one of the following:
+     *
+     * | Setting                                                                                                        | Description                                                                                                            |
+     * | -------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
+     * | `true` (default)                                                                                               | - On pressing <kbd>**Ctrl**</kbd>/<kbd>**Cmd**</kbd> + <kbd>**C**</kbd>, add the cell's value to the clipboard         |
+     * | `false`<br>(default for the [`password`](@/guides/cell-types/password-cell-type.md) [cell type](#type))        | - On pressing <kbd>**Ctrl**</kbd>/<kbd>**Cmd**</kbd> + <kbd>**C**</kbd>, add an empty string (`""`) to the clipboard   |
+     *
+     * Read more:
+     * - [Clipboard](@/guides/cell-features/clipboard.md)
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     * - [Password cell type](@/guides/cell-types/password-cell-type.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // enable copying for each cell of the entire grid
+     * copyable: true,
+     *
+     * // enable copying for individual columns
+     * columns: [
+     *   {
+     *     // enable copying for each cell of this column
+     *     copyable: true
+     *   },
+     *   {
+     *     // disable copying for each cell of this column
+     *     copyable: false
+     *   }
+     * ]
+     *
+     * // enable copying for specific cells
+     * cells: [
+     *   {
+     *     cell: 0,
+     *     row: 0,
+     *     // disable copying for cell (0, 0)
+     *     copyable: false,
+     *   }
+     * ],
+     * ```
+     */
+    copyable: true,
+    /**
+     * The `copyPaste` option configures the [`CopyPaste`](@/api/copyPaste.md) plugin.
+     *
+     * You can set the `copyPaste` option to one of the following:
+     *
+     * | Setting           | Description                                                                                                            |
+     * | ----------------- | ---------------------------------------------------------------------------------------------------------------------- |
+     * | `true` (default)  | Enable the [`CopyPaste`](@/api/copyPaste.md) plugin with the default configuration                                     |
+     * | `false`           | Disable the [`CopyPaste`](@/api/copyPaste.md) plugin                                                                   |
+     * | An object         | - Enable the [`CopyPaste`](@/api/copyPaste.md) plugin<br>- Modify the [`CopyPaste`](@/api/copyPaste.md) plugin options |
+     *
+     * If you set the `copyPaste` option to an object, you can set the following `CopyPaste` plugin options:
+     *
+     * | Option         | Possible settings                                  | Description                                                                                                                                                                             |
+     * | -------------- | -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `columnsLimit` | A number (default: `Infinity`)                       | A maximum number of columns that can be copied                                                                                                                                        |
+     * | `rowsLimit`    | A number (default: `Infinity`)                       | A maximum number of columns that can be copied                                                                                                                                        |
+     * | `pasteMode`    | `'overwrite'` \| `'shift_down'` \| `'shift_right'` | When pasting:<br>`'overwrite'`: overwrite currently-selected cells<br>`'shift_down'`: move currently-selected cells down<br>`'shift_right'`: move currently-selected cells to the right |
+     * | `uiContainer`  | An HTML element                                    | A UI container for the secondary focusable element                                                                                                                                      |
+     *
+     * Read more:
+     * - [Plugins: `CopyPaste`](@/api/copyPaste.md)
+     *
+     * @memberof Options#
+     * @type {object|boolean}
+     * @default true
+     * @category CopyPaste
+     *
+     * @example
+     * ```js
+     * // disable the `CopyPaste` plugin
+     * copyPaste: false,
+     *
+     * // enable the `CopyPaste` plugin
+     * // and modify the `CopyPaste` plugin options
+     * copyPaste: {
+     *   // set the maximum number of columns that can be copied
+     *   columnsLimit: 25,
+     *   // set the maximum number of rows that can be copied
+     *   rowsLimit: 50,
+     *   // set the paste behavior
+     *   pasteMode: 'shift_down',
+     *   // set the UI container
+     *   uiContainer: document.body,
+     * },
+     * ```
+     */
+    copyPaste: true,
+    /**
+     * The `correctFormat` option configures whether incorrectly-formatted times and dates are amended or not.
+     *
+     * When the user enters dates and times, Handsontable can automatically adjust their format
+     * to match the [`dateFormat`](#dateFormat) and [`timeFormat`](@/guides/cell-types/time-cell-type.md) settings.
+     *
+     * You can set the `correctFormat` option to one of the following:
+     *
+     * | Setting           | Description                                                                                                                                               |
+     * | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Don't correct the format of the entered date or time (treat the entered date or time as invalid)                                                          |
+     * | `true`            | Correct the format of the entered date or time to match the [`dateFormat`](#dateFormat) or [`timeFormat`](@/guides/cell-types/time-cell-type.md) settings |
+     *
+     * Read more:
+     * - [Date cell type](@/guides/cell-types/date-cell-type.md)
+     * - [Time cell type](@/guides/cell-types/time-cell-type.md)
+     * - [`dateFormat`](#dateFormat)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *   // set the `type` of each cell in this column to `date`
+     *   type: 'date',
+     *   // for every `date` cell of this column, set the date format to `YYYY-MM-DD`
+     *   dateFormat: 'YYYY-MM-DD',
+     *   // enforce the `YYYY-MM-DD` date format
+     *   correctFormat: true
+     *   },
+     *
+     *   {
+     *   // set the `type` of each cell in this column to `time`
+     *   type: 'time',
+     *   // for every `time` cell of this column, set the time format to `h:mm:ss a`
+     *   timeFormat: 'h:mm:ss a',
+     *   // enforce the `h:mm:ss a` time format
+     *   correctFormat: true
+     *   },
+     * ],
+     * ```
+     */
+    correctFormat: false,
+    /**
+     * The `currentColClassName` option lets you add a CSS class name
+     * to each cell of the currently-visible, currently-selected columns.
+     *
+     * Read more:
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `your-class-name` CSS class name
+     * // to each cell of the currently-visible, currently-selected columns
+     * currentColClassName: 'your-class-name',
+     * ```
+     */
+    currentColClassName: void 0,
+    /**
+     * The `currentHeaderClassName` option lets you add a CSS class name
+     * to every currently-visible, currently-selected header.
+     *
+     * Read more:
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'ht__highlight'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add an `ht__highlight` CSS class name
+     * // to every currently-visible, currently-selected header
+     * currentHeaderClassName: 'ht__highlight',
+     * ```
+     */
+    currentHeaderClassName: 'ht__highlight',
+    /**
+     * The `currentRowClassName` option lets you add a CSS class name
+     * to each cell of the currently-visible, currently-selected rows.
+     *
+     * Read more:
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `your-class-name` CSS class name
+     * // to each cell of the currently-visible, currently-selected rows
+     * currentRowClassName: 'your-class-name',
+     * ```
+     */
+    currentRowClassName: void 0,
+    /**
+     * @description
+     * The `customBorders` option configures the [`CustomBorders`](@/api/customBorders.md) plugin.
+     *
+     * To enable the [`CustomBorders`](@/api/customBorders.md) plugin
+     * (and add its menu items to the [context menu](@/guides/accessories-and-menus/context-menu.md)),
+     * set the `customBorders` option to `true`.
+     *
+     * To enable the [`CustomBorders`](@/api/customBorders.md) plugin
+     * and add a predefined border around a particular cell,
+     * set the `customBorders` option to an array of objects.
+     * Each object represents a border configuration for one cell, and has the following properties:
+     *
+     * | Property | Sub-properties     | Types                              | Description                                                       |
+     * | -------- | ------------------ | ---------------------------------- | ----------------------------------------------------------------- |
+     * | `row`    | -                  | `row`: Number                      | The cell's row coordinate.                                        |
+     * | `col`    | -                  | `col`: Number                      | The cell's column coordinate.                                     |
+     * | `start`  | `width`<br>`color` | `width`: Number<br>`color`: String | If the [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default): `start` sets the width (`width`) and color (`color`) of the left-hand border.<br><br>If the [layout direction](@/guides/internationalization/layout-direction.md) is RTL: `start` sets the width (`width`) and color (`color`) of the right-hand border. |
+     * | `end`    | `width`<br>`color` | `width`: Number<br>`color`: String | If the [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default): `end` sets the width (`width`) and color (`color`) of the right-hand border.<br><br>If the [layout direction](@/guides/internationalization/layout-direction.md) is RTL: `end` sets the width (`width`) and color (`color`) of the left-hand border. |
+     * | `top`    | `width`<br>`color` | `width`: Number<br>`color`: String | Sets the width (`width`) and color (`color`) of the top border. |
+     * | `bottom` | `width`<br>`color` | `width`: Number<br>`color`: String | Sets the width (`width`) and color (`color`) of the bottom border. |
+     *
+     * To enable the [`CustomBorders`](@/api/customBorders.md) plugin
+     * and add a predefined border around a range of cells,
+     * set the `customBorders` option to an array of objects.
+     * Each object represents a border configuration for a single range of cells, and has the following properties:
+     *
+     * | Property | Sub-properties                               | Types                                                            | Description                                                                                  |
+     * | -------- | -------------------------------------------- | ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
+     * | `range`  | `from` {`row`, `col`}<br>`to` {`row`, `col`} | `from`: Object<br>`to`: Object<br>`row`: Number<br>`col`: Number | If the [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default):<br>- `from` selects the range's top-left corner.<br>- `to` selects the range's bottom-right corner.<br><br>If the [layout direction](@/guides/internationalization/layout-direction.md) is RTL: <br>- `from` selects the range's top-right corner.<br>- `to` selects the range's bottom-left corner. |
+     * | `start`  | `width`<br>`color` | `width`: Number<br>`color`: String | If the [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default): `start` sets the width (`width`) and color (`color`) of the left-hand border.<br><br>If the [layout direction](@/guides/internationalization/layout-direction.md) is RTL: `start` sets the width (`width`) and color (`color`) of the right-hand border. |
+     * | `end`    | `width`<br>`color` | `width`: Number<br>`color`: String | If the [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default): `end` sets the width (`width`) and color (`color`) of the right-hand border.<br><br>If the [layout direction](@/guides/internationalization/layout-direction.md) is RTL: `end` sets the width (`width`) and color (`color`) of the left-hand border. |
+     * | `top`    | `width`<br>`color`                           | `width`: Number<br>`color`: String                               | Sets the width (`width`) and color (`color`) of the top border. |
+     * | `bottom` | `width`<br>`color`                           | `width`: Number<br>`color`: String                               | Sets the width (`width`) and color (`color`) of the bottom border. |
+     *
+     * Read more:
+     * - [Formatting cells: Custom cell borders](@/guides/cell-features/formatting-cells.md#custom-cell-borders)
+     * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
+     * - [Plugins: `CustomBorders`](@/api/customBorders.md)
+     * - [Layout direction](@/guides/internationalization/layout-direction.md)
+     * - [`layoutDirection`](#layoutDirection)
+     *
+     * @memberof Options#
+     * @type {boolean|object[]}
+     * @default false
+     * @category CustomBorders
+     *
+     * @example
+     * ```js
+     * // enable the `CustomBorders` plugin
+     * customBorders: true,
+     *
+     * // enable the `CustomBorders` plugin
+     * // and add a predefined border for a particular cell
+     * customBorders: [
+     *   // add an object with a border configuration for one cell
+     *   {
+     *     // set the cell's row coordinate
+     *     row: 2,
+     *     // set the cell's column coordinate
+     *     col: 2,
+     *     // set the left/right border's width and color
+     *     start: {
+     *       width: 2,
+     *       color: 'red'
+     *     },
+     *     // set the right/left border's width and color
+     *     end: {
+     *       width: 1,
+     *       color: 'green'
+     *     },
+     *     // set the top border's width and color
+     *     top: '',
+     *     // set the bottom border's width and color
+     *     bottom: ''
+     *   }
+     * ],
+     *
+     * // enable the `CustomBorders` plugin
+     * // and add a predefined border for a range of cells
+     * customBorders: [
+     *   // add an object with a border configuration for one range of cells
+     *   {
+     *     // select a range of cells
+     *     range: {
+     *       // set the range's top-left corner
+     *       from: {
+     *         row: 1,
+     *         col: 1
+     *       },
+     *       // set the range's bottom-right corner
+     *       to: {
+     *         row: 3,
+     *         col: 4
+     *       }
+     *     },
+     *     // set the left/right border's width and color
+     *     start: {
+     *       width: 2,
+     *       color: 'red'
+     *     },
+     *     // set the right/left border's width and color
+     *     end: {},
+     *     // set the top border's width and color
+     *     top: {},
+     *     // set the bottom border's width and color
+     *     bottom: {}
+     *   }
+     * ],
+     * ```
+     */
+    customBorders: false,
+    /**
+     * @description
+     * The `data` option sets the initial [data](@/guides/getting-started/binding-to-data.md) of your Handsontable instance.
+     *
+     * Handsontable's data is bound to your source data by reference (i.e. when you edit Handsontable's data, your source data alters as well).
+     *
+     * You can set the `data` option:
+     * - Either to an [array of arrays](@/guides/getting-started/binding-to-data.md#array-of-arrays).
+     * - Or to an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects).
+     *
+     * If you don't set the `data` option (or set it to `null`), Handsontable renders as an empty 5x5 grid by default.
+     *
+     * Read more:
+     * - [Binding to data](@/guides/getting-started/binding-to-data.md)
+     * - [`dataSchema`](#dataSchema)
+     * - [`startRows`](#startRows)
+     * - [`startCols`](#startCols)
+     *
+     * @memberof Options#
+     * @type {Array[]|object[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // as an array of arrays
+     * data: [
+     *   ['A', 'B', 'C'],
+     *   ['D', 'E', 'F'],
+     *   ['G', 'H', 'J']
+     * ]
+     *
+     * // as an array of objects
+     * data: [
+     *   {id: 1, name: 'Ted Right'},
+     *   {id: 2, name: 'Frank Honest'},
+     *   {id: 3, name: 'Joan Well'},
+     *   {id: 4, name: 'Gail Polite'},
+     *   {id: 5, name: 'Michael Fair'},
+     * ]
+     * ```
+     */
+    data: void 0,
+    /**
+     * @description
+     * When the [`data`](#data) option is set to an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects)
+     * (or is empty), the `dataSchema` option defines the structure of new rows.
+     *
+     * Using the `dataSchema` option, you can start out with an empty grid.
+     *
+     * You can set the `dataSchema` option to one of the following:
+     * - An object
+     * - A function
+     *
+     * Read more:
+     * - [Binding to data: Array of objects with custom data schema](@/guides/getting-started/binding-to-data.md#array-of-objects-with-custom-data-schema)
+     * - [Binding to data: Function data source and schema](@/guides/getting-started/binding-to-data.md#function-data-source-and-schema)
+     * - [`data`](#data)
+     *
+     * @memberof Options#
+     * @type {object|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // with `dataSchema`, you can start with an empty grid
+     * data: null,
+     * dataSchema: {id: null, name: {first: null, last: null}, address: null},
+     * colHeaders: ['ID', 'First Name', 'Last Name', 'Address'],
+     * columns: [
+     *   {data: 'id'},
+     *   {data: 'name.first'},
+     *   {data: 'name.last'},
+     *   {data: 'address'}
+     * ],
+     * startRows: 5,
+     * minSpareRows: 1
+     * ```
+     */
+    dataSchema: void 0,
+    /**
+     * The `dateFormat` option configures the date format accepted by [`date`](@/guides/cell-types/date-cell-type.md) cells.
+     *
+     * You can set the `dateFormat` option to a string with a proper date format. The default value is: `'DD/MM/YYYY'`.
+     *
+     * To automatically correct dates whose format doesn't match the `dateFormat` setting, use the [`correctFormat`](#correctFormat) option.
+     *
+     * Read more:
+     * - [Date cell type](@/guides/cell-types/date-cell-type.md)
+     * - [`correctFormat`](#correctFormat)
+     * - [`defaultDate`](#defaultDate)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'DD/MM/YYYY'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *   // set the `type` of each cell in this column to `date`
+     *   type: 'date',
+     *   // for every `date` cell of this column, set the date format to `YYYY-MM-DD`
+     *   dateFormat: 'YYYY-MM-DD',
+     *   },
+     * ],
+     * ```
+     */
+    dateFormat: 'DD/MM/YYYY',
+    /**
+     * The `datePickerConfig` option configures the `date` [cell editor](@/guides/cell-functions/cell-editor.md)'s date picker, which uses an external dependency: [Pikaday](https://github.com/Pikaday/Pikaday/tree/1.8.2).
+     *
+     * You can set the `datePickerConfig` option to an object with any of the available [Pikaday options](https://github.com/Pikaday/Pikaday/tree/1.8.2#configuration),
+     * except for the following, which are always overwritten by the `date` [cell editor](@/guides/cell-functions/cell-editor.md):
+     * - `bound`
+     * - `container`
+     * - `field`
+     * - `trigger`
+     *
+     * If the `datePickerConfig` option is not defined, the `date` [cell editor](@/guides/cell-functions/cell-editor.md) overwrites the following [Pikaday options](https://github.com/Pikaday/Pikaday/tree/1.8.2#configuration) as well:
+     *
+     * | Pikaday option       | Handsontable's setting |
+     * | -------------------- | ---------------------- |
+     * | `format`             | `'DD/MM/YYYY'`         |
+     * | `reposition`         | `false`                |
+     *
+     * Read more:
+     * - [`editor`](#editor)
+     * - [`dateFormat`](#dateFormat)
+     * - [Cell editor](@/guides/cell-functions/cell-editor.md)
+     * - [All Pikaday options &#8594;](https://github.com/Pikaday/Pikaday/tree/1.8.2#configuration)
+     *
+     * @memberof Options#
+     * @type {object}
+     * @default undefined
+     * @category Core
+     */
+    datePickerConfig: void 0,
+    /**
+     * The `defaultDate` option configures the date displayed
+     * in empty [`date`](@/guides/cell-types/date-cell-type.md) cells.
+     *
+     * You can set the `defaultDate` option to a string.
+     *
+     * Read more:
+     * - [Date cell type](@/guides/cell-types/date-cell-type.md)
+     * - [`dateFormat`](#dateFormat)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // set the `type` of each cell in this column to `date`
+     *     type: 'date',
+     *     // in every empty `date` cell of this column, display `2015-02-02`
+     *     defaultDate: '2015-02-02'
+     *   }
+     * ],
+     * ```
+     */
+    defaultDate: void 0,
+    /**
+     * @description
+     * The `disableVisualSelection` option configures how
+     * [selection](@/guides/cell-features/selection.md) is shown.
+     *
+     * You can set the `disableVisualSelection` option to one of the following:
+     *
+     * | Setting           | Description                                                                                         |
+     * | ----------------- | --------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | - Show single-cell selection<br>- Show range selection<br>- Show header selection                   |
+     * | `true`            | - Don't show single-cell selection<br>- Don't show range selection<br>- Don't show header selection |
+     * | `'current'`       | - Don't show single-cell selection<br>- Show range selection<br>- Show header selection             |
+     * | `'area'`          | - Show single-cell selection<br>- Don't show range selection<br>- Show header selection             |
+     * | `'header'`        | - Show single-cell selection<br>- Show range selection<br>- Don't show header selection             |
+     * | An array          | A combination of `'current'`, `'area'`, and/or `'header'`                                           |
+     *
+     * Read more:
+     * - [Selection](@/guides/cell-features/selection.md)
+     *
+     * @memberof Options#
+     * @type {boolean|string|string[]}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // don't show single-cell selection
+     * // don't show range selection
+     * // don't show header selection
+     * disableVisualSelection: true,
+     *
+     * // don't show single-cell selection
+     * // show range selection
+     * // show header selection
+     * disableVisualSelection: 'current',
+     *
+     * // don't show single-cell selection
+     * // don't show range selection
+     * // show header selection
+     * disableVisualSelection: ['current', 'area'],
+     * ```
+     */
+    disableVisualSelection: false,
+    /**
+     * @description
+     * The `dragToScroll` option configures the [`DragToScroll`](@/api/dragToScroll.md) plugin.
+     *
+     * You can set the `dragToScroll` option to one of the following:
+     *
+     * | Setting          | Description                                                                 |
+     * | ---------------- | --------------------------------------------------------------------------- |
+     * | `true` (default) | When selection reaches the edge of the grid's viewport, scroll the viewport |
+     * | `false`          | Don't scroll the viewport                                                   |
+     *
+     * Read more:
+     * - [Plugins: `DragToScroll`](@/api/dragToScroll.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category DragToScroll
+     *
+     * @example
+     * ```js
+     * // when selection reaches the edge of the grid's viewport, scroll the viewport
+     * dragToScroll: true,
+     * ```
+     */
+    dragToScroll: true,
+    /**
+     * The `dropdownMenu` option configures the [`DropdownMenu`](@/api/dropdownMenu.md) plugin.
+     *
+     * You can set the `dropdownMenu` option to one of the following:
+     *
+     * | Setting   | Description                                                                                                                                                                                  |
+     * | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `false`   | Disable the [`DropdownMenu`](@/api/dropdownMenu.md) plugin                                                                                                                                   |
+     * | `true`    | - Enable the [`DropdownMenu`](@/api/dropdownMenu.md) plugin<br>- Use the [default context menu options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-default-options)    |
+     * | An array  | - Enable the [`DropdownMenu`](@/api/dropdownMenu.md) plugin<br>- Modify [individual context menu options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-specific-options) |
+     * | An object | - Enable the [`DropdownMenu`](@/api/dropdownMenu.md) plugin<br>- Apply a custom dropdown menu configuration                                                                                  |
+     *
+     * Read more:
+     * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
+     * - [Plugins: `DropdownMenu`](@/api/dropdownMenu.md)
+     *
+     * @memberof Options#
+     * @type {boolean|object|string[]}
+     * @default undefined
+     * @category DropdownMenu
+     *
+     * @example
+     * ```js
+     * // enable the `DropdownMenu` plugin
+     * // use the default context menu options
+     * dropdownMenu: true,
+     *
+     * // enable the `DropdownMenu` plugin
+     * // and modify individual context menu options
+     * dropdownMenu: ['row_above', 'row_below', '---------', 'undo', 'redo'],
+     *
+     * // enable the `DropdownMenu` plugin
+     * // and apply a custom dropdown menu configuration
+     * dropdownMenu: {
+     *   items: {
+     *     'option1': {
+     *       name: 'option1'
+     *     },
+     *     'option2': {
+     *       name: 'option2',
+     *       submenu: {
+     *         items: [
+     *           {
+     *             key: 'option2:suboption1',
+     *             name: 'option2:suboption1',
+     *             callback(key, options) {
+     *               ...
+     *             }
+     *           },
+     *           ...
+     *         ]
+     *       }
+     *     }
+     *   }
+     * },
+     * ```
+     */
+    dropdownMenu: void 0,
+    /**
+     * The `editor` option sets a [cell editor](@/guides/cell-functions/cell-editor.md) for a cell.
+     *
+     * You can set the `editor` option to one of the following [cell editor aliases](@/guides/cell-functions/cell-editor.md):
+     *
+     * | Alias               | Cell editor function                                                       |
+     * | ------------------- | -------------------------------------------------------------------------- |
+     * | A custom alias      | Your [custom cell editor](@/guides/cell-functions/cell-editor.md) function |
+     * | `'autocomplete'`    | `AutocompleteEditor`                                                       |
+     * | `'base'`            | `BaseEditor`                                                               |
+     * | `'checkbox'`        | `CheckboxEditor`                                                           |
+     * | `'date'`            | `DateEditor`                                                               |
+     * | `'dropdown'`        | `DropdownEditor`                                                           |
+     * | `'handsontable'`    | `HandsontableEditor`                                                       |
+     * | `'numeric'`         | `NumericEditor`                                                            |
+     * | `'password'`        | `PasswordEditor`                                                           |
+     * | `'select'`          | `SelectEditor`                                                             |
+     * | `'text'`            | `TextEditor`                                                               |
+     * | `'time'`            | `TimeEditor`                                                               |
+     *
+     * To disable editing cells through cell editors,
+     * set the `editor` option to `false`.
+     * You'll still be able to change cells' content through Handsontable's API
+     * or through plugins (e.g. [`CopyPaste`](@/api/copyPaste.md)), though.
+     *
+     * To set the [`editor`](#editor), [`renderer`](#renderer), and [`validator`](#validator)
+     * options all at once, use the [`type`](#type) option.
+     *
+     * Read more:
+     * - [Cell editor](@/guides/cell-functions/cell-editor.md)
+     * - [Cell type](@/guides/cell-types/cell-type.md)
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     * - [`type`](#type)
+     *
+     * @memberof Options#
+     * @type {string|Function|boolean}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // use the `numeric` editor for each cell of the entire grid
+     * editor: 'numeric',
+     *
+     * // apply the `editor` option to individual columns
+     * columns: [
+     *   {
+     *     // use the `autocomplete` editor for each cell of this column
+     *     editor: 'autocomplete'
+     *   },
+     *   {
+     *     // disable editing cells through cell editors for each cell of this column
+     *     editor: false
+     *   }
+     * ]
+     * ```
+     */
+    editor: void 0,
+    /**
+     * The `enterBeginsEditing` option configures the action of the <kbd>**Enter**</kbd> key.
+     *
+     * You can set the `enterBeginsEditing` option to one of the following:
+     *
+     * | Setting          | Description                                                                                                                                                                                               |
+     * | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true` (default) | - On pressing <kbd>**Enter**</kbd> once, enter the editing mode of the active cell<br>- On pressing <kbd>**Enter**</kbd> twice, move to another cell,<br>as configured by the [`enterMoves`](#enterMoves) setting |
+     * | `false`          | - On pressing <kbd>**Enter**</kbd> once, move to another cell,<br>as configured by the [`enterMoves`](#enterMoves) setting                                                                                    |
+     *
+     * Read more:
+     * - [`enterMoves`](#enterMoves)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // press Enter once to start editing
+     * // press Enter twice to move to another cell
+     * enterBeginsEditing: true,
+     *
+     * // press Enter once to move to another cell
+     * enterBeginsEditing: false,
+     * ```
+     */
+    enterBeginsEditing: true,
+    /**
+     * The `enterMoves` option configures the action of the <kbd>**Enter**</kbd> key.
+     *
+     * If the [`enterBeginsEditing`](#enterBeginsEditing) option is set to `true`,
+     * the `enterMoves` setting applies to the **second** pressing of the <kbd>**Enter**</kbd> key.
+     *
+     * If the [`enterBeginsEditing`](#enterBeginsEditing) option is set to `false`,
+     * the `enterMoves` setting applies to the **first** pressing of the <kbd>**Enter**</kbd> key.
+     *
+     * You can set the `enterMoves` option to an object with the following properties
+     * (or to a function that returns such an object):
+     *
+     * | Property | Type   | Description                                                                                                                                              |
+     * | -------- | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `col`    | Number | - On pressing <kbd>**Enter**</kbd>, move selection `col` columns right<br>- On pressing <kbd>**Shift**</kbd> + <kbd>**Enter**</kbd>, move selection `col` columns left |
+     * | `row`    | Number | - On pressing <kbd>**Enter**</kbd>, move selection `row` rows down<br>- On pressing <kbd>**Shift**</kbd> + <kbd>**Enter**</kbd>, move selection `row` rows up          |
+     *
+     * Read more:
+     * - [`enterBeginsEditing`](#enterBeginsEditing)
+     *
+     * @memberof Options#
+     * @type {object|Function}
+     * @default {col: 0, row: 1}
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // on pressing Enter, move selection 1 column right and 1 row down
+     * // on pressing Shift+Enter, move selection 1 column left and 1 row up
+     * enterMoves: {col: 1, row: 1},
+     *
+     * // the same setting, as a function
+     * // `event` is a DOM Event object received on pressing Enter
+     * // you can use it to check whether the user pressed Enter or Shift+Enter
+     * enterMoves(event) {
+     *   return {col: 1, row: 1};
+     * },
+     * ```
+     */
+    enterMoves: {
+      col: 0,
+      row: 1
+    },
+    /**
+     * The `fillHandle` option configures the [Autofill](@/api/autofill.md) plugin.
+     *
+     * You can set the `fillHandle` option to one the following:
+     *
+     * | Setting        | Description                                                                |
+     * | -------------- | -------------------------------------------------------------------------- |
+     * | `true`         | - Enable autofill in all directions<br>- Add the fill handle               |
+     * | `false`        | Disable autofill                                                           |
+     * | `'vertical'`   | - Enable vertical autofill<br>- Add the fill handle                        |
+     * | `'horizontal'` | - Enable horizontal autofill<br>- Add the fill handle                      |
+     * | An object      | - Enable autofill<br>- Add the fill handle<br>- Configure autofill options |
+     *
+     * If you set the `fillHandle` option to an object, you can configure the following autofill options:
+     *
+     * | Option          | Possible settings              | Description                                                                                               |
+     * | --------------- | ------------------------------ | --------------------------------------------------------------------------------------------------------- |
+     * | `autoInsertRow` | `true` (default) \| `false`    | `true`: When you reach the grid's bottom, add new rows<br>`false`: When you reach the grid's bottom, stop |
+     * | `direction`     | `'vertical'` \| `'horizontal'` | `'vertical'`: Enable vertical autofill<br>`'horizontal'`: Enable horizontal autofill                      |
+     *
+     * Read more:
+     * - [AutoFill values](@/guides/cell-features/autofill-values.md)
+     *
+     * @memberof Options#
+     * @type {boolean|string|object}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // enable autofill in all directions
+     * // with `autoInsertRow` enabled
+     * fillHandle: true,
+     *
+     * // enable vertical autofill
+     * // with `autoInsertRow` enabled
+     * fillHandle: 'vertical',
+     *
+     * // enable horizontal autofill
+     * // with `autoInsertRow` enabled
+     * fillHandle: 'horizontal',
+     *
+     * // enable autofill in all directions
+     * // with `autoInsertRow` disabled
+     * fillHandle: {
+     *   autoInsertRow: false,
+     * },
+     *
+     * // enable vertical autofill
+     * // with `autoInsertRow` disabled
+     * fillHandle: {
+     *   autoInsertRow: false,
+     *   direction: 'vertical'
+     * },
+     * ```
+     */
+    fillHandle: {
+      autoInsertRow: false
+    },
+    /**
+     * The `filter` option configures whether [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md) cells'
+     * lists are updated by the end user's input.
+     *
+     * You can set the `filter` option to one of the following:
+     *
+     * | Setting          | Description                                                                                                           |
+     * | ---------------- | --------------------------------------------------------------------------------------------------------------------- |
+     * | `true` (default) | When the end user types into the input area, only options matching the input are displayed                            |
+     * | `false`          | When the end user types into the input area, all options are displayed<br>(options matching the input are put in bold |
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [`source`](#source)
+     * - [`filteringCaseSensitive`](#filteringCaseSensitive)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [{
+     *   // set the `type` of each cell in this column to `autocomplete`
+     *   type: 'autocomplete',
+     *   // set options available in every `autocomplete` cell of this column
+     *   source: ['A', 'B', 'C'],
+     *   // when the end user types in `A`, display only the A option
+     *   // when the end user types in `B`, display only the B option
+     *   // when the end user types in `C`, display only the C option
+     *   filter: true
+     * }],
+     * ```
+     */
+    filter: true,
+    /**
+     * The `filteringCaseSensitive` option configures whether [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md) cells'
+     * input is case-sensitive.
+     *
+     * You can set the `filteringCaseSensitive` option to one of the following:
+     *
+     * | Setting           | Description                                                                                        |
+     * | ----------------- | -------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md) cells' input is not case-sensitive |
+     * | `true`            | [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md) cells' input is case-sensitive     |
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [`source`](#source)
+     * - [`filter`](#filter)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     type: 'autocomplete',
+     *     source: [ ... ],
+     *     // match case while searching autocomplete options
+     *     filteringCaseSensitive: true
+     *   }
+     * ],
+     * ```
+     */
+    filteringCaseSensitive: false,
+    /**
+     * The `filters` option configures the [`Filters`](@/api/filters.md) plugin.
+     *
+     * You can set the `filters` option to one of the following:
+     *
+     * | Setting | Description                                      |
+     * | ------- | ------------------------------------------------ |
+     * | `false` | Disable the [`Filters`](@/api/filters.md) plugin |
+     * | `true`  | Enable the [`Filters`](@/api/filters.md) plugin  |
+     *
+     * Read more:
+     * - [Column filter](@/guides/columns/column-filter.md)
+     * - [Plugins: `Filters`](@/api/filters.md)
+     * - [`dropdownMenu`](#dropdownMenu)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default undefined
+     * @category Filters
+     *
+     * @example
+     * ```js
+     * // enable the `Filters` plugin
+     * filters: true,
+     * ```
+     */
+    filters: void 0,
+    /**
+     * `fixedColumnsLeft` is a legacy option.
+     *
+     * If your grid's [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default), `fixedColumnsLeft` acts like the [`fixedColumnsStart`](#fixedColumnsStart) option.
+     *
+     * If your grid's [layout direction](@/guides/internationalization/layout-direction.md) is RTL, using `fixedColumnsLeft` throws an error.
+     *
+     * Use [`fixedColumnsStart`](#fixedColumnsStart), which works in any layout direction.
+     *
+     * Read more:
+     * - [`fixedColumnsStart`](#fixedcolumnsstart)
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // freeze the first 3 columns from the left
+     * fixedColumnsLeft: 3,
+     * ```
+     */
+    fixedColumnsLeft: 0,
+    /**
+     * If your grid's [layout direction](@/guides/internationalization/layout-direction.md) is LTR (default), the `fixedColumnsStart` option sets the number of [frozen columns](@/guides/columns/column-freezing.md) at the left-hand edge of the grid.
+     *
+     * If your grid's [layout direction](@/guides/internationalization/layout-direction.md) is RTL, the `fixedColumnsStart` option sets the number of [frozen columns](@/guides/columns/column-freezing.md) at the right-hand edge of the grid.
+     *
+     * Read more:
+     * - [Column freezing](@/guides/columns/column-freezing.md)
+     * - [Layout direction](@/guides/internationalization/layout-direction.md)
+     * - [`fixedColumnsLeft`](#fixedcolumnsleft)
+     * - [`layoutDirection`](#layoutDirection)
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // when `layoutDirection` is set to `inherit` (default)
+     * // freeze the first 3 columns from the left or from the right
+     * // depending on your HTML document's `dir` attribute
+     * layoutDirection: 'inherit',
+     * fixedColumnsStart: 3,
+     *
+     * // when `layoutDirection` is set to `rtl`
+     * // freeze the first 3 columns from the right
+     * // regardless of your HTML document's `dir` attribute
+     * layoutDirection: 'rtl',
+     * fixedColumnsStart: 3,
+     *
+     * // when `layoutDirection` is set to `ltr`
+     * // freeze the first 3 columns from the left
+     * // regardless of your HTML document's `dir` attribute
+     * layoutDirection: 'ltr',
+     * fixedColumnsStart: 3,
+     * ```
+     */
+    fixedColumnsStart: 0,
+    /**
+     * The `fixedRowsBottom` option sets the number of [frozen rows](@/guides/rows/row-freezing.md)
+     * at the bottom of the grid.
+     *
+     * Read more:
+     * - [Row freezing](@/guides/rows/row-freezing.md)
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // freeze the bottom 3 rows
+     * fixedRowsBottom: 3,
+     * ```
+     */
+    fixedRowsBottom: 0,
+    /**
+     * The `fixedRowsTop` option sets the number of [frozen rows](@/guides/rows/row-freezing.md) at the top of the grid.
+     *
+     * Read more:
+     * - [Row freezing](@/guides/rows/row-freezing.md)
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // freeze the top 3 rows
+     * fixedRowsTop: 3,
+     * ```
+     */
+    fixedRowsTop: 0,
+    /**
+     * The `formulas` option configures the [`Formulas`](@/api/formulas.md) plugin.
+     *
+     * The [`Formulas`](@/api/formulas.md) plugin uses the [HyperFormula](https://handsontable.github.io/hyperformula/) calculation engine.
+     * To install [HyperFormula](https://handsontable.github.io/hyperformula/), read the following:
+     * - [Formula calculation: Initialization methods](@/guides/formulas/formula-calculation.md#initialization-methods)
+     *
+     * You can set the `formulas` option to an object with the following properties:
+     *
+     * | Property    | Possible values                                                                                                                                                                                                        |
+     * | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `engine`    | `HyperFormula` \|<br>A [HyperFormula](https://handsontable.github.io/hyperformula/) instance \|<br>A [HyperFormula configuration](https://handsontable.github.io/hyperformula/api/interfaces/configparams.html) object |
+     * | `sheetId`   | A number                                                                                                                                                                                                               |
+     * | `sheetName` | A string                                                                                                                                                                                                               |
+     *
+     * Read more:
+     * - [Plugins: `Formulas`](@/api/formulas.md)
+     * - [Formula calculation](@/guides/formulas/formula-calculation.md)
+     * - [HyperFormula documentation: Client-side installation](https://handsontable.github.io/hyperformula/guide/client-side-installation)
+     * - [HyperFormula documentation: Configuration options](https://handsontable.github.io/hyperformula/api/interfaces/configparams.html)
+     *
+     * @memberof Options#
+     * @type {object}
+     * @default undefined
+     * @category Formulas
+     *
+     * @example
+     * ```js
+     * // either add the `HyperFormula` class
+     * formulas: {
+     *   // set `engine` to `HyperFormula`
+     *   engine: HyperFormula,
+     *   sheetId: 1,
+     *   sheetName: 'Sheet 1'
+     * }
+     *
+     * // or, add a HyperFormula instance
+     * // initialized with the `'internal-use-in-handsontable'` license key
+     * const hyperformulaInstance = HyperFormula.buildEmpty({
+     *   licenseKey: 'internal-use-in-handsontable',
+     * });
+     *
+     * formulas: {
+     *   // set `engine` to a HyperFormula instance
+     *   engine: hyperFormulaInstance,
+     *   sheetId: 1,
+     *   sheetName: 'Sheet 1'
+     * }
+     *
+     * // or, add a HyperFormula configuration object
+     * formulas: {
+     *   // set `engine` to a HyperFormula configuration object
+     *   engine: {
+     *     hyperformula: HyperFormula // or `engine: hyperFormulaInstance`
+     *     leapYear1900: false,       // this option comes from HyperFormula
+     *     // add more HyperFormula configuration options
+     *   },
+     *   sheetId: 1,
+     *   sheetName: 'Sheet 1'
+     * }
+     *
+     * // use the same HyperFormula instance in multiple Handsontable instances
+     *
+     * // a Handsontable instance `hot1`
+     * formulas: {
+     *   engine: HyperFormula,
+     *   sheetId: 1,
+     *   sheetName: 'Sheet 1'
+     * }
+     *
+     * // a Handsontable instance `hot2`
+     * formulas: {
+     *   engine: hot1.getPlugin('formulas').engine,
+     *   sheetId: 1,
+     *   sheetName: 'Sheet 1'
+     * }
+     * ```
+     */
+    formulas: void 0,
+    /**
+     * The `fragmentSelection` option configures text selection settings.
+     *
+     * You can set the `fragmentSelection` option to one of the following:
+     *
+     * | Setting           | Decription                                        |
+     * | ----------------- | ------------------------------------------------- |
+     * | `false` (default) | Disable text selection                            |
+     * | `true`            | Enable text selection in multiple cells at a time |
+     * | `'cell'`          | Enable text selection in one cell at a time       |
+     *
+     * @memberof Options#
+     * @type {boolean|string}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // enable text selection in multiple cells at a time
+     * fragmentSelection: true,
+     *
+     * // enable text selection in one cell a time
+     * fragmentSelection: 'cell',
+     * ```
+     */
+    fragmentSelection: false,
+    /**
+     * The `height` option configures the height of your grid.
+     *
+     * You can set `height` option to one of the following:
+     *
+     * | Setting                                                                    | Example                    |
+     * | -------------------------------------------------------------------------- | -------------------------- |
+     * | A number of pixels                                                         | `height: 500`              |
+     * | A string with a [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `height: '75vw'`           |
+     * | A function that returns a valid number or string                           | `height() { return 500; }` |
+     *
+     * Read more:
+     * - [Grid size](@/guides/getting-started/grid-size.md)
+     *
+     * @memberof Options#
+     * @type {number|string|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the grid's height to 500px
+     * height: 500,
+     *
+     * // set the grid's height to 75vh
+     * height: '75vh',
+     *
+     * // set the grid's height to 500px, using a function
+     * height() {
+     *   return 500;
+     * },
+     * ```
+     */
+    height: void 0,
+    /**
+     * The `hiddenColumns` option configures the [`HiddenColumns`](@/api/hiddenColumns.md) plugin.
+     *
+     * You can set the `hiddenColumns` option to one of the following:
+     *
+     * | Setting   | Description                                                                                  |
+     * | --------- | -------------------------------------------------------------------------------------------- |
+     * | `false`   | Disable the [`HiddenColumns`](@/api/hiddenColumns.md) plugin                                 |
+     * | `true`    | Enable the [`HiddenColumns`](@/api/hiddenColumns.md) plugin with the default plugin options  |
+     * | An object | - Enable the [`HiddenColumns`](@/api/hiddenColumns.md) plugin<br>- Modify the plugin options |
+     *
+     * If you set the `hiddenColumns` to an object, you can set the following [`HiddenColumns`](@/api/hiddenColumns.md) plugin options:
+     *
+     * | Property           | Possible values     | Description                                                                                                                                             |
+     * | ------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `columns`          | An array of indexes | An array of indexes of columns that are hidden at initialization                                                                                        |
+     * | `copyPasteEnabled` | `true` \| `false`   | `true`: when copying or pasting data, take hidden columns into account<br>`false`: when copying or pasting data, don't take hidden columns into account |
+     * | `indicators`       | `true` \| `false`   | `true`: display UI markers to indicate the presence of hidden columns<br>`false`: display UI markers                                                    |
+     *
+     * Read more:
+     * - [Plugins: `HiddenColumns`](@/api/hiddenColumns.md)
+     * - [Column hiding](@/guides/columns/column-hiding.md)
+     *
+     * @memberof Options#
+     * @type {boolean|object}
+     * @default undefined
+     * @category HiddenColumns
+     *
+     * @example
+     * ```js
+     * // enable the `HiddenColumns` plugin
+     * hiddenColumns: true,
+     *
+     * // enable `HiddenColumns` plugin, and modify the plugin options
+     * hiddenColumns: {
+     *   // set columns that are hidden by default
+     *   columns: [5, 10, 15],
+     *   // when copying or pasting data, take hidden columns into account
+     *   copyPasteEnabled: true,
+     *   // show where hidden columns are
+     *   indicators: true
+     * }
+     * ```
+     */
+    hiddenColumns: void 0,
+    /**
+     * The `hiddenRows` option configures the [`HiddenRows`](@/api/hiddenRows.md) plugin.
+     *
+     * You can set the `hiddenRows` option to one of the following:
+     *
+     * | Setting   | Description                                                                            |
+     * | --------- | -------------------------------------------------------------------------------------- |
+     * | `false`   | Disable the [`HiddenRows`](@/api/hiddenRows.md) plugin                                 |
+     * | `true`    | Enable the [`HiddenRows`](@/api/hiddenRows.md) plugin with the default plugin options  |
+     * | An object | - Enable the [`HiddenRows`](@/api/hiddenRows.md) plugin<br>- Modify the plugin options |
+     *
+     * If you set the `hiddenRows` to an object, you can set the following [`HiddenRows`](@/api/hiddenRows.md) plugin options:
+     *
+     * | Property           | Possible values     | Description                                                                                                                                       |
+     * | ------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `rows   `          | An array of indexes | An array of indexes of rows that are hidden at initialization                                                                                     |
+     * | `copyPasteEnabled` | `true` \| `false`   | `true`: when copying or pasting data, take hidden rows into account<br>`false`: when copying or pasting data, don't take hidden rows into account |
+     * | `indicators`       | `true` \| `false`   | `true`: display UI markers to indicate the presence of hidden rows<br>`false`: display UI markers                                                 |
+     *
+     * Read more:
+     * - [Plugins: `HiddenRows`](@/api/hiddenRows.md)
+     * - [Row hiding](@/guides/rows/row-hiding.md)
+     *
+     * @memberof Options#
+     * @type {boolean|object}
+     * @default undefined
+     * @category HiddenRows
+     *
+     * @example
+     * ```js
+     * // enable the `HiddenRows` plugin
+     * hiddenRows: true,
+     *
+     * // enable `HiddenRows` plugin, and modify the plugin options
+     * hiddenRows: {
+     *   // set rows that are hidden by default
+     *   rows: [5, 10, 15],
+     *   // when copying or pasting data, take hidden rows into account
+     *   copyPasteEnabled: true,
+     *   // show where hidden rows are
+     *   indicators: true
+     * }
+     * ```
+     */
+    hiddenRows: void 0,
+    /**
+     * The `invalidCellClassName` option lets you add a CSS class name to cells
+     * that were marked as `invalid` by the [cell validator](@/guides/cell-functions/cell-validator.md).
+     *
+     * Read more:
+     * - [Cell validator](@/guides/cell-functions/cell-validator.md)
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'htInvalid'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `highlight-error` CSS class name
+     * // to every `invalid` cell`
+     * invalidCellClassName: 'highlight-error',
+     * ```
+     */
+    invalidCellClassName: 'htInvalid',
+    /**
+     * The `isEmptyCol` option lets you define your own custom method
+     * for checking if a column at a given visual index is empty.
+     *
+     * The `isEmptyCol` setting overwrites the built-in [`isEmptyCol`](@/api/core.md#isEmptyCol) method.
+     *
+     * @memberof Options#
+     * @type {Function}
+     * @param {number} col Visual column index.
+     * @returns {boolean}
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // overwrite the built-in `isEmptyCol` method
+     * isEmptyCol(visualColumnIndex) {
+     *    // your custom method
+     *    ...
+     * },
+     * ```
+     */
+    isEmptyCol: function isEmptyCol(col) {
+      var row;
+      var rowLen;
+      var value;
+      for (row = 0, rowLen = this.countRows(); row < rowLen; row++) {
+        value = this.getDataAtCell(row, col);
+        if ((0, _mixed.isEmpty)(value) === false) {
+          return false;
+        }
+      }
+      return true;
+    },
+    /**
+     * The `isEmptyRow` option lets you define your own custom method
+     * for checking if a row at a given visual index is empty.
+     *
+     * The `isEmptyRow` setting overwrites the built-in [`isEmptyRow`](@/api/core.md#isEmptyRow) method.
+     *
+     * @memberof Options#
+     * @type {Function}
+     * @param {number} row Visual row index.
+     * @returns {boolean}
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // overwrite the built-in `isEmptyRow` method
+     * isEmptyRow(visualRowIndex) {
+     *    // your custom method
+     *    ...
+     * },
+     * ```
+     */
+    isEmptyRow: function isEmptyRow(row) {
+      var col;
+      var colLen;
+      var value;
+      var meta;
+      for (col = 0, colLen = this.countCols(); col < colLen; col++) {
+        value = this.getDataAtCell(row, col);
+        if ((0, _mixed.isEmpty)(value) === false) {
+          if (_typeof(value) === 'object') {
+            meta = this.getCellMeta(row, col);
+            return (0, _object.isObjectEqual)(this.getSchema()[meta.prop], value);
+          }
+          return false;
+        }
+      }
+      return true;
+    },
+    /**
+     * @description
+     * The `label` option configures [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cells` labels.
+     *
+     * You can set the `label` option to an object with the following properties:
+     *
+     * | Property    | Possible values                   | Description                                                                                                                                                                                                             |
+     * | ----------- | --------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `position`  | `'after'` (default) \| `'before'` | `'after'`: place the label to the right of the checkbox<br>`'before'`: place the label to the left of the checkbox                                                                                                      |
+     * | `value`     | A string \| A function            | The label's text                                                                                                                                                                                                        |
+     * | `separated` | `false` (default) \| `true`       | `false`: don't separate the label from the checkbox<br>`true`: separate the label from the checkbox                                                                                                                     |
+     * | `property`  | A string                          | - A [`data`](#data) object property name that's used as the label's text <br>- Works only when the [`data`](#data) option is set to an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects) |
+     *
+     * Read more:
+     * - [Checkbox cell type: Checkbox labels](@/guides/cell-types/checkbox-cell-type.md#checkbox-labels)
+     *
+     * @memberof Options#
+     * @type {object}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [{
+     *   type: 'checkbox',
+     *   // add 'My label:' after the checkbox
+     *   label: { position: 'after', value: 'My label: ', separated: true }
+     * }],
+     * ```
+     */
+    label: void 0,
+    /**
+     * The `language` option configures Handsontable's [language](@/guides/internationalization/language.md) settings.
+     *
+     * You can set the `language` option to one of the following:
+     *
+     * | Setting             | Description                 |
+     * | ------------------- | --------------------------- |
+     * | `'en-US'` (default) | English - United States     |
+     * | `'ar-AR'`           | Arabic - Global.<br><br>To properly render this language, set the [layout direction](@/guides/internationalization/layout-direction.md) to RTL. |
+     * | `'cs-CZ'`           | Czech - Czech Republic      |
+     * | `'de-CH'`           | German - Switzerland        |
+     * | `'de-DE'`           | German - Germany            |
+     * | `'es-MX'`           | Spanish - Mexico            |
+     * | `'fr-FR'`           | French - France             |
+     * | `'it-IT'`           | Italian - Italy             |
+     * | `'ja-JP'`           | Japanese - Japan            |
+     * | `'ko-KR'`           | Korean - Korea              |
+     * | `'lv-LV'`           | Latvian - Latvia            |
+     * | `'nb-NO'`           | Norwegian (Bokmål) - Norway |
+     * | `'nl-NL'`           | Dutch - Netherlands         |
+     * | `'pl-PL'`           | Polish - Poland             |
+     * | `'pt-BR'`           | Portuguese - Brazil         |
+     * | `'ru-RU'`           | Russian - Russia            |
+     * | `'sr-SP'`           | Serbian (Latin) - Serbia    |
+     * | `'zh-CN'`           | Chinese - China             |
+     * | `'zh-TW'`           | Chinese - Taiwan            |
+     *
+     * Read more:
+     * - [Language](@/guides/internationalization/language.md)
+     * - [`locale`](#locale)
+     * - [`layoutDirection`](#layoutdirection)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'en-US'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set Handsontable's language to Polish
+     * language: 'pl-PL',
+     * ```
+     */
+    language: 'en-US',
+    /**
+     * The `layoutDirection` option configures whether Handsontable renders from the left to the right, or from the right to the left.
+     *
+     * You can set the layout direction only at Handsontable's [initialization](@/guides/getting-started/installation.md#initialize-handsontable). Any change of the `layoutDirection` option after the initialization (e.g. using the [`updateSettings()`](@/api/core.md#updatesettings) method) is ignored.
+     *
+     * You can set the `layoutDirection` option only [for the entire grid](@/guides/getting-started/configuration-options.md#setting-grid-options).
+     * You can't set it for individual columns, rows, or cells.
+     *
+     * You can set the `layoutDirection` option to one of the following strings:
+     *
+     * | Setting             | Description                                                                                                                                                                                  |
+     * | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `inherit` (default) | Set Handsontable's layout direction automatically,<br>based on the value of your HTML document's [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir) attribute  |
+     * | `rtl`               | Render Handsontable from the right to the left,<br>even when your HTML document's [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir) attribute is set to `ltr` |
+     * | `ltr`               | Render Handsontable from the left to the right,<br>even when your HTML document's [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir) attribute is set to `rtl` |
+     *
+     * Read more:
+     * - [Layout direction](@/guides/internationalization/layout-direction.md)
+     * - [Language](@/guides/internationalization/language.md)
+     * - [`language`](#language)
+     * - [`locale`](#locale)
+     * - [`fixedColumnsStart`](#fixedcolumnsstart)
+     * - [`customBorders`](#customBorders)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'inherit'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // inherit Handsontable's layout direction
+     * // from the value of your HTML document's `dir` attribute
+     * layoutDirection: 'inherit',
+     *
+     * // render Handsontable from the right to the left
+     * // regardless of your HTML document's `dir`
+     * layoutDirection: 'rtl',
+     *
+     * // render Handsontable from the left to the right
+     * // regardless of your HTML document's `dir`
+     * layoutDirection: 'ltr',
+     * ```
+     */
+    layoutDirection: 'inherit',
+    /**
+     * The `licenseKey` option sets your Handsontable license key.
+     *
+     * You can set the `licenseKey` option to one of the following:
+     *
+     * | Setting                                                                                                 | Description                                                                                       |
+     * | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
+     * | A string with your [commercial license key](@/guides/getting-started/license-key.md#commercial-license) | For [commercial use](@/guides/technical-specification/software-license.md#commercial-use)         |
+     * | `'non-commercial-and-evaluation'`                                                                       | For [non-commercial use](@/guides/technical-specification/software-license.md#non-commercial-use) |
+     *
+     * Read more:
+     * - [License key](@/guides/getting-started/license-key.md)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // for commercial use
+     * licenseKey: 'xxxxx-xxxxx-xxxxx-xxxxx-xxxxx', // your commercial license key
+     *
+     * // for non-commercial use
+     * licenseKey: 'non-commercial-and-evaluation',
+     * ```
+     */
+    licenseKey: void 0,
+    /**
+     * The `locale` option configures Handsontable's [locale](@/guides/internationalization/locale.md) settings.
+     *
+     * You can set the `locale` option to any valid and canonicalized Unicode BCP 47 locale tag,
+     * both for the [entire grid](@/guides/internationalization/locale.md#setting-the-grid-s-locale),
+     * and for [individual columns](@/guides/internationalization/locale.md#setting-a-column-s-locale).
+     *
+     * Read more:
+     * - [Locale](@/guides/internationalization/locale.md)
+     * - [`language`](#language)
+     * - [`layoutDirection`](#layoutdirection)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'en-US'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the entire grid's locale to Polish
+     * locale: 'pl-PL',
+     *
+     * // set individual columns' locales
+     * columns: [
+     *   {
+     *     // set the first column's locale to Polish
+     *     locale: 'pl-PL',
+     *   },
+     *   {
+     *     // set the second column's locale to German
+     *     locale: 'de-DE',
+     *   },
+     * ],
+     * ```
+     */
+    locale: 'en-US',
+    /**
+     * The `manualColumnFreeze` option configures the [`ManualColumnFreeze`](@/api/manualColumnFreeze.md) plugin.
+     *
+     * You can set the `manualColumnFreeze` option to one of the following:
+     *
+     * | Setting  | Description                                                            |
+     * | -------- | ---------------------------------------------------------------------- |
+     * | `true`   | Enable the [`ManualColumnFreeze`](@/api/manualColumnFreeze.md) plugin  |
+     * | `false`  | Disable the [`ManualColumnFreeze`](@/api/manualColumnFreeze.md) plugin |
+     *
+     * Read more:
+     * - [Column freezing](@/guides/columns/column-freezing.md#user-triggered-freeze)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default undefined
+     * @category ManualColumnFreeze
+     *
+     * @example
+     * ```js
+     * // enable the `ManualColumnFreeze` plugin
+     * manualColumnFreeze: true,
+     * ```
+     */
+    manualColumnFreeze: void 0,
+    /**
+     * The `manualColumnMove` option configures the [`ManualColumnMove`](@/api/manualColumnMove.md) plugin.
+     *
+     * You can set the `manualColumnMove` option to one of the following:
+     *
+     * | Setting  | Description                                                                                                        |
+     * | -------- | ------------------------------------------------------------------------------------------------------------------ |
+     * | `true`   | Enable the [`ManualColumnMove`](@/api/manualColumnMove.md) plugin                                                  |
+     * | `false`  | Disable the [`ManualColumnMove`](@/api/manualColumnMove.md) plugin                                                 |
+     * | An array | - Enable the [`ManualColumnMove`](@/api/manualColumnMove.md) plugin<br>- Move individual columns at initialization |
+     *
+     * Read more:
+     * - [Column moving](@/guides/columns/column-moving.md)
+     *
+     * @memberof Options#
+     * @type {boolean|number[]}
+     * @default undefined
+     * @category ManualColumnMove
+     *
+     * @example
+     * ```js
+     * // enable the `ManualColumnMove` plugin
+     * manualColumnMove: true,
+     *
+     * // enable the `ManualColumnMove` plugin
+     * // at initialization, move column 0 to 1
+     * // at initialization, move column 1 to 4
+     * // at initialization, move column 2 to 6
+     * manualColumnMove: [1, 4, 6],
+     * ```
+     */
+    manualColumnMove: void 0,
+    /**
+     * @description
+     * The `manualColumnResize` option configures the [`ManualColumnResize`](@/api/manualColumnResize.md) plugin.
+     *
+     * You can set the `manualColumnResize` option to one of the following:
+     *
+     * | Setting  | Description                                                                                                           |
+     * | -------- | --------------------------------------------------------------------------------------------------------------------- |
+     * | `true`   | Enable the [`ManualColumnResize`](@/api/manualColumnResize.md) plugin                                                 |
+     * | `false`  | Disable the [`ManualColumnResize`](@/api/manualColumnResize.md) plugin                                                |
+     * | An array | - Enable the [`ManualColumnResize`](@/api/manualColumnResize.md) plugin<br>- Set initial widths of individual columns |
+     *
+     * Read more:
+     * - [Column width: Column stretching](@/guides/columns/column-width.md#column-stretching)
+     *
+     * @memberof Options#
+     * @type {boolean|number[]}
+     * @default undefined
+     * @category ManualColumnResize
+     *
+     * @example
+     * ```js
+     * // enable the `manualColumnResize` plugin
+     * manualColumnResize: true,
+     *
+     * // enable the `manualColumnResize` plugin
+     * // set the initial width of column 0 to 40 pixels
+     * // set the initial width of column 1 to 50 pixels
+     * // set the initial width of column 2 to 60 pixels
+     * manualColumnResize: [40, 50, 60],
+     * ```
+     */
+    manualColumnResize: void 0,
+    /**
+     * @description
+     * The `manualRowMove` option configures the [`ManualRowMove`](@/api/manualRowMove.md) plugin.
+     *
+     * You can set the `manualRowMove` option to one of the following:
+     *
+     * | Setting  | Description                                                                                               |
+     * | -------- | --------------------------------------------------------------------------------------------------------- |
+     * | `true`   | Enable the [`ManualRowMove`](@/api/manualRowMove.md) plugin                                               |
+     * | `false`  | Disable the [`ManualRowMove`](@/api/manualRowMove.md) plugin                                              |
+     * | An array | - Enable the [`ManualRowMove`](@/api/manualRowMove.md) plugin<br>- Move individual rows at initialization |
+     *
+     * Read more:
+     * - [Row moving](@/guides/rows/row-moving.md)
+     *
+     * @memberof Options#
+     * @type {boolean|number[]}
+     * @default undefined
+     * @category ManualRowMove
+     *
+     * @example
+     * ```js
+     * // enable the `ManualRowMove` plugin
+     * manualRowMove: true,
+     *
+     * // enable the `ManualRowMove` plugin
+     * // at initialization, move row 0 to 1
+     * // at initialization, move row 1 to 4
+     * // at initialization, move row 2 to 6
+     * manualColumnMove: [1, 4, 6],
+     * ```
+     */
+    manualRowMove: void 0,
+    /**
+     * @description
+     * The `manualRowResize` option configures the [`ManualRowResize`](@/api/manualRowResize.md) plugin.
+     *
+     * You can set the `manualRowResize` option to one of the following:
+     *
+     * | Setting  | Description                                                                                                   |
+     * | -------- | ------------------------------------------------------------------------------------------------------------- |
+     * | `true`   | Enable the [`ManualRowResize`](@/api/manualRowResize.md) plugin                                               |
+     * | `false`  | Disable the [`ManualRowResize`](@/api/manualRowResize.md) plugin                                              |
+     * | An array | - Enable the [`ManualRowResize`](@/api/manualRowResize.md) plugin<br>- Set initial heights of individual rows |
+     *
+     * Read more:
+     * - [Row height: Adjust the row height manually](@/guides/rows/row-height.md#adjust-the-row-height-manually)
+     *
+     * @memberof Options#
+     * @type {boolean|number[]}
+     * @default undefined
+     * @category ManualRowResize
+     *
+     * @example
+     * ```js
+     * // enable the `ManualRowResize` plugin
+     * manualColumnResize: true,
+     *
+     * // enable the `ManualRowResize` plugin
+     * // set the initial height of row 0 to 40 pixels
+     * // set the initial height of row 1 to 50 pixels
+     * // set the initial height of row 2 to 60 pixels
+     * manualColumnResize: [40, 50, 60],
+     * ```
+     */
+    manualRowResize: void 0,
+    /**
+     * The `maxCols` option sets a maximum number of columns.
+     *
+     * The `maxCols` option is used:
+     * - At initialization: if the `maxCols` value is lower than the initial number of columns,
+     * Handsontable trims columns from the right.
+     * - At runtime: for example, when inserting columns.
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default Infinity
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the maximum number of columns to 300
+     * maxCols: 300,
+     * ```
+     */
+    maxCols: Infinity,
+    /**
+     * The `maxRows` option sets a maximum number of rows.
+     *
+     * The `maxRows` option is used:
+     * - At initialization: if the `maxRows` value is lower than the initial number of columns,
+     * Handsontable trims rows from the bottom.
+     * - At runtime: for example, when inserting rows.
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default Infinity
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the maximum number of rows to 300
+     * maxRows: 300,
+     * ```
+     */
+    maxRows: Infinity,
+    /**
+     * @description
+     * The `mergeCells` option configures the [`MergeCells`](@/api/mergeCells.md) plugin.
+     *
+     * You can set the `mergeCells` option to one of the following:
+     *
+     * | Setting             | Description                                                                                         |
+     * | ------------------- | --------------------------------------------------------------------------------------------------- |
+     * | `true`              | Enable the [`MergeCells`](@/api/mergeCells.md) plugin                                               |
+     * | `false`             | Disable the [`MergeCells`](@/api/mergeCells.md) plugin                                              |
+     * | An array of objects | - Enable the [`MergeCells`](@/api/mergeCells.md) plugin<br>- Merge specific cells at initialization |
+     *
+     * To merge specific cells at Handsontable's initialization,
+     * set the `mergeCells` option to an array of objects, with the following properties:
+     *
+     * | Property  | Description                                                |
+     * | --------- | ---------------------------------------------------------- |
+     * | `row`     | The row index of the merged section's beginning            |
+     * | `col`     | The column index of the merged section's beginning         |
+     * | `rowspan` | The width (as a number of rows) of the merged section      |
+     * | `colspan` | The height (as a number of columns ) of the merged section |
+     *
+     * Read more:
+     * - [Merge cells](@/guides/cell-features/merge-cells.md)
+     *
+     * @memberof Options#
+     * @type {boolean|object[]}
+     * @default false
+     * @category MergeCells
+     *
+     * @example
+     * ```js
+     * // enable the `MergeCells` plugin
+     * mergeCells: true,
+     *
+     * // enable the `MergeCells` plugin
+     * // and merge specific cells at initialization
+     * mergeCells: [
+     *   // merge cells from cell (1,1) to cell (3,3)
+     *   {row: 1, col: 1, rowspan: 3, colspan: 3},
+     *   // merge cells from cell (3,4) to cell (2,2)
+     *   {row: 3, col: 4, rowspan: 2, colspan: 2},
+     *   // merge cells from cell (5,6) to cell (3,3)
+     *   {row: 5, col: 6, rowspan: 3, colspan: 3}
+     * ],
+     * ```
+     */
+    mergeCells: false,
+    /**
+     * The `minCols` option sets a minimum number of columns.
+     *
+     * The `minCols` option is used:
+     * - At initialization: if the `minCols` value is higher than the initial number of columns,
+     * Handsontable adds empty columns to the right.
+     * - At runtime: for example, when removing columns.
+     *
+     * The `minCols` option works only when your [`data`](#data) is an [array of arrays](@/guides/getting-started/binding-to-data.md#array-of-arrays).
+     * When your [`data`](#data) is an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects),
+     * you can only have as many columns as defined in:
+     * - The first data row
+     * - The [`dataSchema`](#dataSchema) option
+     * - The [`columns`](#columns) option
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the minimum number of columns to 10
+     * minCols: 10,
+     * ```
+     */
+    minCols: 0,
+    /**
+     * The `minRows` option sets a minimum number of rows.
+     *
+     * The `minRows` option is used:
+     * - At initialization: if the `minRows` value is higher than the initial number of rows,
+     * Handsontable adds empty rows at the bottom.
+     * - At runtime: for example, when removing rows.
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the minimum number of rows to 10
+     * minRows: 10,
+     * ```
+     */
+    minRows: 0,
+    /**
+     * The `minSpareCols` option sets a minimum number of empty columns
+     * at the grid's right-hand end.
+     *
+     * If there already are other empty columns at the grid's right-hand end,
+     * they are counted into the `minSpareCols` value.
+     *
+     * The total number of columns can't exceed the [`maxCols`](#maxCols) value.
+     *
+     * The `minSpareCols` option works only when your [`data`](#data) is an [array of arrays](@/guides/getting-started/binding-to-data.md#array-of-arrays).
+     * When your [`data`](#data) is an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects),
+     * you can only have as many columns as defined in:
+     * - The first data row
+     * - The [`dataSchema`](#dataSchema) option
+     * - The [`columns`](#columns) option
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // at Handsontable's initialization, add at least 3 empty columns on the right
+     * minSpareCols: 3,
+     * ```
+     */
+    minSpareCols: 0,
+    /**
+     * The `minSpareRows` option sets a minimum number of empty rows
+     * at the bottom of the grid.
+     *
+     * If there already are other empty rows at the bottom,
+     * they are counted into the `minSpareRows` value.
+     *
+     * The total number of rows can't exceed the [`maxRows`](#maxRows) value.
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 0
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // at Handsontable's initialization, add at least 3 empty rows at the bottom
+     * minSpareRows: 3,
+     * ```
+     */
+    minSpareRows: 0,
+    /**
+     * @description
+     * The `multiColumnSorting` option configures the [`MultiColumnSorting`](@/api/columnSorting.md) plugin.
+     *
+     * You can set the `multiColumnSorting` option to one of the following:
+     *
+     * | Setting    | Description                                                                                                                                                |
+     * | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true`     | Enable the [`MultiColumnSorting`](@/api/multiColumnSorting.md) plugin with the default configuration                                                       |
+     * | `false`    | Disable the [`MultiColumnSorting`](@/api/multiColumnSorting.md) plugin                                                                                     |
+     * | An object  | - Enable the [`MultiColumnSorting`](@/api/multiColumnSorting.md) plugin<br>- Modify the [`MultiColumnSorting`](@/api/multiColumnSorting.md) plugin options |
+     *
+     * If you set the `multiColumnSorting` option to an object,
+     * you can set the following [`MultiColumnSorting`](@/api/multiColumnSorting.md) plugin options:
+     *
+     * | Option                   | Possible settings                                                                                                                                |
+     * | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+     * | `indicator`              | `true`: Display an arrow icon in the column header, to indicate a sortable column<br>`false`: Don't display the arrow icon in the column header  |
+     * | `headerAction`           | `true`: Enable clicking on the column header to sort the column<br>`false`: Disable clicking on the column header to sort the column             |
+     * | `sortEmptyCells`         | `true`: Sort empty cells as well<br>`false`: Place empty cells at the end                                                                        |
+     * | `compareFunctionFactory` | A [custom compare function](@/guides/rows/row-sorting.md#custom-compare-functions)                                                                |
+     *
+     * If you set the `multiColumnSorting` option to an object,
+     * you can also sort individual columns at Handsontable's initialization.
+     * In the `multiColumnSorting` object, add an object named `initialConfig`,
+     * with the following properties:
+     *
+     * | Option      | Possible settings   | Description                                                      |
+     * | ----------- | ------------------- | ---------------------------------------------------------------- |
+     * | `column`    | A number            | The index of the column that you want to sort at initialization  |
+     * | `sortOrder` | `'asc'` \| `'desc'` | The sorting order:<br>`'asc'`: ascending<br>`'desc'`: descending |
+     *
+     * Read more:
+     * - [Row sorting](@/guides/rows/row-sorting.md)
+     * - [`columnSorting`](#columnSorting)
+     *
+     * @memberof Options#
+     * @type {boolean|object}
+     * @default undefined
+     * @category MultiColumnSorting
+     *
+     * @example
+     * ```js
+     * // enable the `MultiColumnSorting` plugin
+     * multiColumnSorting: true
+     *
+     * // enable the `MultiColumnSorting` plugin with custom configuration
+     * multiColumnSorting: {
+     *   // sort empty cells as well
+     *   sortEmptyCells: true,
+     *   // display an arrow icon in the column header
+     *   indicator: true,
+     *   // disable clicking on the column header to sort the column
+     *   headerAction: false,
+     *   // add a custom compare function
+     *   compareFunctionFactory(sortOrder, columnMeta) {
+     *     return function(value, nextValue) {
+     *       // some value comparisons which will return -1, 0 or 1...
+     *     }
+     *   }
+     * }
+     *
+     * // enable the `MultiColumnSorting` plugin
+     * multiColumnSorting: {
+     *   // at initialization, sort column 1 in ascending order
+     *   initialConfig: {
+     *     column: 1,
+     *     sortOrder: 'asc'
+     *   },
+     *   // at initialization, sort column 2 in descending order
+     *   initialConfig: {
+     *     column: 2,
+     *     sortOrder: 'desc'
+     *   }
+     * }
+     * ```
+     */
+    multiColumnSorting: void 0,
+    /**
+     * @description
+     * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.
+     *
+     * You can set the `nestedHeaders` option to one of the following:
+     *
+     * | Setting           | Description                                                                                                                           |
+     * | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Disable the [`NestedHeaders`](@/api/nestedHeaders.md) plugin                                                                          |
+     * | `true`            | - Enable the [`NestedHeaders`](@/api/nestedHeaders.md) plugin<br>- Don't configure any nested headers                                 |
+     * | Array of arrays   | - Enable the [`NestedHeaders`](@/api/nestedHeaders.md) plugin<br>- Configure headers that are nested on Handsontable's initialization |
+     *
+     * If you set the `nestedHeaders` option to an array of arrays, each array configures one set of nested headers.
+     *
+     * Each array element configures one header, and can be one of the following:
+     *
+     * | Array element | Description                                                                                  |
+     * | ------------- | -------------------------------------------------------------------------------------------- |
+     * | A string      | The header's label                                                                           |
+     * | An object     | Properties:<br>`label` (string): the header's label<br>`colspan` (integer): the column width |
+     *
+     * Read more:
+     * - [Plugins: `NestedHeaders`](@/api/nestedHeaders.md)
+     * - [Column groups: Nested headers](@/guides/columns/column-groups.md#nested-headers)
+     *
+     * @memberof Options#
+     * @type {boolean|Array[]}
+     * @default undefined
+     * @category NestedHeaders
+     *
+     * @example
+     * ```js
+     * nestedHeaders: [
+     *   ['A', {label: 'B', colspan: 8}, 'C'],
+     *   ['D', {label: 'E', colspan: 4}, {label: 'F', colspan: 4}, 'G'],
+     *   ['H', 'I', 'J', 'K', 'L', 'M', 'N', 'R', 'S', 'T']
+     * ],
+     * ```
+     */
+    nestedHeaders: void 0,
+    /**
+     * @description
+     * The `nestedRows` option configures the [`NestedRows`](@/api/nestedRows.md) plugin.
+     *
+     * You can set the `nestedRows` option to one of the following:
+     *
+     * | Setting           | Description                                            |
+     * | ----------------- | ------------------------------------------------------ |
+     * | `false` (default) | Disable the [`NestedRows`](@/api/nestedRows.md) plugin |
+     * | `true`            | Enable the [`NestedRows`](@/api/nestedRows.md) plugin  |
+     *
+     * Read more:
+     * - [Plugins: `NestedRows`](@/api/nestedRows.md)
+     *
+     * @example
+     * ```js
+     * // enable the `NestedRows` plugin
+     * nestedRows: true,
+     * ```
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category NestedRows
+     */
+    nestedRows: void 0,
+    /**
+     * The `noWordWrapClassName` option lets you add a CSS class name
+     * to each cell that has the [`wordWrap`](#wordWrap) option set to `false`.
+     *
+     * Read more:
+     * - [`wordWrap`](#wordWrap)
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'htNoWrap'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add an `is-noWrapCell` CSS class name
+     * // to each cell that doesn't wrap content
+     * noWordWrapClassName: 'is-noWrapCell',
+     * ```
+     */
+    noWordWrapClassName: 'htNoWrap',
+    /**
+     * The `numericFormat` option configures the number format and the currency format
+     * of [`numeric`](@/guides/cell-types/numeric-cell-type.md) cells` displayed output
+     * in the numeric cell renderer.
+     *
+     * You can set the `numericFormat` option to an object with the following properties:
+     *
+     * | Property    | Possible values                                                               | Description     |
+     * | ----------- | ----------------------------------------------------------------------------- | --------------- |
+     * | `pattern`   | All [`numbro.js` number formats](https://numbrojs.com/format.html#numbers)    | Number format   |
+     * | `culture`   | All [`numbro.js` currency formats](https://numbrojs.com/format.html#currency) | Currency format |
+     *
+     * The `numericFormat` option as no effect on the numeric cell editor.
+     *
+     * In the source data, numeric data is stored as JavaScript numbers.
+     *
+     * Read more:
+     * - [Numeric cell type](@/guides/cell-types/numeric-cell-type.md)
+     * - [Third-party licenses](@/guides/technical-specification/third-party-licenses.md)
+     *
+     * @memberof Options#
+     * @since 0.35.0
+     * @type {object}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // set the `type` of each cell in this column to `numeric`
+     *     type: 'numeric',
+     *     // set the `numericFormat` option for every `numeric` cell of this column
+     *     numericFormat: {
+     *       // set the number format
+     *       pattern: '0,00',
+     *       // set the currency format
+     *       culture: 'en-US'
+     *     }
+     *   }
+     * ],
+     * ```
+     */
+    numericFormat: void 0,
+    /**
+     * If the `observeDOMVisibility` option is set to `true`,
+     * Handsontable rerenders every time it detects that the grid was made visible in the DOM.
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // don't rerender the grid on visibility changes
+     * observeDOMVisibility: false,
+     * ```
+     */
+    observeDOMVisibility: true,
+    /**
+     * The `outsideClickDeselects` option determines what happens to the current [selection](@/guides/cell-features/selection.md)
+     * when you click outside of the grid.
+     *
+     * You can set the `outsideClickDeselects` option to one of the following:
+     *
+     * | Setting          | Description                                                                                              |
+     * | ---------------- | -------------------------------------------------------------------------------------------------------- |
+     * | `true` (default) | On a mouse click outside of the grid, clear the current [selection](@/guides/cell-features/selection.md) |
+     * | `false`          | On a mouse click outside of the grid, keep the current [selection](@/guides/cell-features/selection.md)  |
+     * | A function       | A function that takes the click event target and returns a boolean                                       |
+     *
+     * @memberof Options#
+     * @type {boolean|Function}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // on a mouse click outside of the grid, clear the current selection
+     * outsideClickDeselects: true,
+     *
+     * // on a mouse click outside of the grid, keep the current selection
+     * outsideClickDeselects: false,
+     *
+     * // take the click event target and return `false`
+     * outsideClickDeselects(event) {
+     *   return false;
+     * }
+     *
+     * // take the click event target and return `true`
+     * outsideClickDeselects(event) {
+     *   return false;
+     * }
+     * ```
+     */
+    outsideClickDeselects: true,
+    /**
+     * @description
+     * The `persistentState` option configures the [`PersistentState`](@/api/persistentState.md) plugin.
+     *
+     * You can set the `persistentState` to one of the following:
+     *
+     * | Setting           | Description                                                      |
+     * | ----------------- | ---------------------------------------------------------------- |
+     * | `false` (default) | Disable the [`PersistentState`](@/api/persistentState.md) plugin |
+     * | `true`            | Enable the [`PersistentState`](@/api/persistentState.md) plugin  |
+     *
+     * Read more:
+     * - [Saving data: Saving data locally](@/guides/getting-started/saving-data.md#saving-data-locally)
+     * - [Plugins: `PersistentState`](@/api/persistentState.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category PersistentState
+     *
+     * @example
+     * ```js
+     * // enable the `PersistentState` plugin
+     * persistentState: true,
+     * ```
+     */
+    persistentState: void 0,
+    /**
+     * The `placeholder` option lets you display placeholder text in every empty cell.
+     *
+     * You can set the `placeholder` option to one of the following:
+     *
+     * | Setting            | Example        | Description                                                           |
+     * | ------------------ | -------------- | --------------------------------------------------------------------- |
+     * | A non-empty string | `'Empty cell'` | Display `Empty cell` text in empty cells                              |
+     * | A non-string value | `000`          | Display `000` text in empty cells (non-string values get stringified) |
+     *
+     * Read more:
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // display 'Empty cell' text
+     * // in every empty cell of the entire grid
+     * placeholder: 'Empty cell',
+     *
+     * // or
+     * columns: [
+     *   {
+     *     data: 'date',
+     *     dateFormat: 'DD/MM/YYYY',
+     *     // display 'Empty date cell' text
+     *     // in every empty cell of the `date` column
+     *     placeholder: 'Empty date cell'
+     *   }
+     * ],
+     * ```
+     */
+    placeholder: void 0,
+    /**
+     * The `placeholderCellClassName` option lets you add a CSS class name to cells
+     * that contain [`placeholder`](#placeholder) text.
+     *
+     * Read more:
+     * - [Cell validator](@/guides/cell-functions/cell-validator.md)
+     * - [`placeholder`](#placeholder)
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`TableClassName`](#TableClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'htPlaceholder'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `has-placeholder` CSS class name
+     * // to each cell that contains `placeholder` text
+     * placeholderCellClassName: 'has-placeholder',
+     * ```
+     */
+    placeholderCellClassName: 'htPlaceholder',
+    /**
+     * The `preventOverflow` option configures preventing Handsontable
+     * from overflowing outside of its parent element.
+     *
+     * You can set the `preventOverflow` option to one of the following:
+     *
+     * | Setting           | Description                      |
+     * | ----------------- | -------------------------------- |
+     * | `false` (default) | Don't prevent overflowing        |
+     * | `'horizontal'`      | Prevent horizontal overflowing |
+     * | `'vertical'`        | Prevent vertical overflowing   |
+     *
+     * @memberof Options#
+     * @type {string|boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // prevent horizontal overflowing
+     * preventOverflow: 'horizontal',
+     * ```
+     */
+    preventOverflow: false,
+    /**
+     * The `preventWheel` option configures preventing the `wheel` event's default action
+     * on overlays.
+     *
+     * You can set the `preventWheel` option to one of the following:
+     *
+     * | Setting           | Description                                      |
+     * | ----------------- | ------------------------------------------------ |
+     * | `false` (default) | Don't prevent the `wheel` event's default action |
+     * | `true`            | Prevent the `wheel` event's default action       |
+     *
+     * @memberof Options#
+     * @private
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // don't prevent the `wheel` event's default action
+     * preventWheel: false,
+     * ```
+     */
+    preventWheel: false,
+    /**
+     * @description
+     * The `readOnly` option determines whether a cell, column or comment is editable or not.
+     *
+     * You can set the `readOnly` option to one of the following:
+     *
+     * | Setting           | Decription                                                                                                                |
+     * | ----------------- | ------------------------------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Set as editable                                                                                                           |
+     * | `true`            | - Set as read-only<br>- Add the [`readOnlyCellClassName`](#readOnlyCellClassName) CSS class name (by default: `htDimmed`) |
+     *
+     * `readOnly` cells can't be changed by the [`populateFromArray()`](@/api/core.md#populatefromarray) method.
+     *
+     * Read more:
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set as read-only
+     * readOnly: true,
+     * ```
+     */
+    readOnly: false,
+    /**
+     * The `readOnlyCellClassName` option lets you add a CSS class name to [read-only](#readOnly) cells.
+     *
+     * Read more:
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`TableClassName`](#TableClassName)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'htDimmed'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `is-readOnly` CSS class name
+     * // to every read-only cell
+     * readOnlyCellClassName: 'is-readOnly',
+     * ```
+     */
+    readOnlyCellClassName: 'htDimmed',
+    /**
+     * The `renderAllRows` option configures Handsontable's [row virtualization](@/guides/rows/row-virtualization.md).
+     *
+     * You can set the `renderAllRows` option to one of the following:
+     *
+     * | Setting           | Description                                                                                        |
+     * | ----------------- | -------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Enable [row virtualization](@/guides/rows/row-virtualization.md)                                   |
+     * | `true`            | Disable [row virtualization](@/guides/rows/row-virtualization.md)<br>(render all rows of the grid) |
+     *
+     * Read more:
+     * - [Row virtualization](@/guides/rows/row-virtualization.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // disable row virtualization
+     * renderAllRows: true,
+     * ```
+     */
+    renderAllRows: void 0,
+    /**
+     * @description
+     * The `renderer` option sets a [cell renderer](@/guides/cell-functions/cell-renderer.md) for a cell.
+     *
+     * You can set the `renderer` option to one of the following:
+     * - A custom renderer function
+     * - One of the following [cell renderer aliases](@/guides/cell-functions/cell-renderer.md):
+     *
+     * | Alias               | Cell renderer function                                                         |
+     * | ------------------- | ------------------------------------------------------------------------------ |
+     * | A custom alias      | Your [custom cell renderer](@/guides/cell-functions/cell-renderer.md) function |
+     * | `'autocomplete'`    | `AutocompleteRenderer`                                                         |
+     * | `'base'`            | `BaseRenderer`                                                                 |
+     * | `'checkbox'`        | `CheckboxRenderer`                                                             |
+     * | `'date'`            | `DateRenderer`                                                                 |
+     * | `'dropdown'`        | `DropdownRenderer`                                                             |
+     * | `'html'`            | `HtmlRenderer`                                                                 |
+     * | `'numeric'`         | `NumericRenderer`                                                              |
+     * | `'password'`        | `PasswordRenderer`                                                             |
+     * | `'text'`            | `TextRenderer`                                                                 |
+     * | `'time'`            | `TimeRenderer`                                                                 |
+     *
+     * To set the [`renderer`](#renderer), [`editor`](#editor), and [`validator`](#validator)
+     * options all at once, use the [`type`](#type) option.
+     *
+     * Read more:
+     * - [Cell renderer](@/guides/cell-functions/cell-renderer.md)
+     * - [Cell type](@/guides/cell-types/cell-type.md)
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     * - [`type`](#type)
+     *
+     * @memberof Options#
+     * @type {string|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // use the `numeric` renderer for each cell of the entire grid
+     * renderer: `'numeric'`,
+     *
+     * // add a custom renderer function
+     * renderer(hotInstance, td, row, column, prop, value, cellProperties) {
+     *   // your custom renderer's logic
+     *   ...
+     * }
+     *
+     * // apply the `renderer` option to individual columns
+     * columns: [
+     *   {
+     *     // use the `autocomplete` renderer for each cell of this column
+     *     renderer: 'autocomplete'
+     *   },
+     *   {
+     *     // use the `myCustomRenderer` renderer for each cell of this column
+     *     renderer: 'myCustomRenderer'
+     *   }
+     * ]
+     * ```
+     */
+    renderer: void 0,
+    /**
+     * The `rowHeaders` option configures your grid's row headers.
+     *
+     * You can set the `rowHeaders` option to one of the following:
+     *
+     * | Setting    | Description                                                       |
+     * | ---------- | ----------------------------------------------------------------- |
+     * | `true`     | Enable the default row headers ('1', '2', '3', ...)               |
+     * | `false`    | Disable row headers                                               |
+     * | An array   | Define your own row headers (e.g. `['One', 'Two', 'Three', ...]`) |
+     * | A function | Define your own row headers, using a function                     |
+     *
+     * Read more:
+     * - [Row header](@/guides/rows/row-header.md)
+     *
+     * @memberof Options#
+     * @type {boolean|string[]|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // enable the default row headers
+     * rowHeaders: true,
+     *
+     * // set your own row headers
+     * rowHeaders: ['One', 'Two', 'Three'],
+     *
+     * // set your own row headers, using a function
+     * rowHeaders: function(visualRowIndex) {
+     *   return `${visualRowIndex}: AB`;
+     * },
+     * ```
+     */
+    rowHeaders: void 0,
+    /**
+     * @description
+     * The `rowHeaderWidth` option configures the width of row headers.
+     *
+     * You can set the `rowHeaderWidth` option to one of the following:
+     *
+     * | Setting  | Description                                     |
+     * | -------- | ----------------------------------------------- |
+     * | A number | Set the same width for every row header         |
+     * | An array | Set different widths for individual row headers |
+     *
+     * @memberof Options#
+     * @type {number|number[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the same width for every row header
+     * rowHeaderWidth: 25,
+     *
+     * // set different widths for individual row headers
+     * rowHeaderWidth: [25, 30, 55],
+     * ```
+     */
+    rowHeaderWidth: void 0,
+    /**
+     * The `rowHeights` option sets rows' heights, in pixels.
+     *
+     * In the rendering process, the default row height is 23 px (22 px + 1 px of the row's bottom border).
+     * You can change it to equal or greater than 23px, by setting the `rowHeights` option to one of the following:
+     *
+     * | Setting     | Description                                                                                         | Example                                                      |
+     * | ----------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
+     * | A number    | Set the same height for every row                                                                   | `rowHeights: 100`                                            |
+     * | A string    | Set the same height for every row                                                                   | `rowHeights: '100px'`                                        |
+     * | An array    | Set heights separately for each row                                                                 | `rowHeights: [100, 120, undefined]`                          |
+     * | A function  | Set row heights dynamically,<br>on each render                                                      | `rowHeights(visualRowIndex) { return visualRowIndex * 10; }` |
+     * | `undefined` | Used by the [modifyRowHeight](@/api/hooks.md#modifyRowHeight) hook,<br>to detect row height changes | `rowHeights: undefined`                                      |
+     *
+     * The `rowHeights` option also sets the minimum row height that can be set
+     * via the {@link ManualRowResize} and {@link AutoRowSize} plugins (if they are enabled).
+     *
+     * Read more:
+     * - [Row height](@/guides/rows/row-height.md)
+     *
+     * @memberof Options#
+     * @type {number|number[]|string|string[]|Array<undefined>|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set every row's height to 100px
+     * rowHeights: 100,
+     *
+     * // set every row's height to 100px
+     * rowHeights: '100px',
+     *
+     * // set the first (by visual index) row's height to 100
+     * // set the second (by visual index) row's height to 120
+     * // set the third (by visual index) row's height to `undefined`
+     * // set any other row's height to the default 23px
+     * rowHeights: [100, 120, undefined],
+     *
+     * // set each row's height individually, using a function
+     * rowHeights(visualRowIndex) {
+     *   return visualRowIndex * 10;
+     * },
+     * ```
+     */
+    rowHeights: void 0,
+    /**
+     * @description
+     * The `search` option configures the [`Search`](@/api/search.md) plugin.
+     *
+     * You can set the `search` option to one of the following:
+     *
+     * | Setting           | Description                                                                          |
+     * | ----------------- | ------------------------------------------------------------------------------------ |
+     * | `false` (default) | Disable the [`Search`](@/api/search.md) plugin                                       |
+     * | `true`            | Enable the [`Search`](@/api/search.md) plugin with the default configuration         |
+     * | An object         | - Enable the [`Search`](@/api/search.md) plugin<br>- Apply your custom configuration |
+     *
+     * If you set the `search` option to an object, you can configure the following search options:
+     *
+     * | Option              | Possible settings | Description                                                                                          |
+     * | ------------------- | ----------------- | ---------------------------------------------------------------------------------------------------- |
+     * | `searchResultClass` | A string          | Add a custom CSS class name to search results                                                        |
+     * | `queryMethod`       | A function        | Add a [custom query method](@/guides/accessories-and-menus/searching-values.md#custom-query-method)  |
+     * | `callback`          | A function        | Add a [custom callback function](@/guides/accessories-and-menus/searching-values.md#custom-callback) |
+     *
+     * Read more:
+     * - [Searching values](@/guides/accessories-and-menus/searching-values.md)
+     * - [Searching values: Custom query method](@/guides/accessories-and-menus/searching-values.md#custom-query-method)
+     * - [Searching values: Custom callback](@/guides/accessories-and-menus/searching-values.md#custom-callback)
+     *
+     * @memberof Options#
+     * @type {boolean|object}
+     * @default false
+     * @category Search
+     *
+     * @example
+     * ```js
+     * // enable the `Search` plugin with the default configuration
+     * search: true,
+     *
+     * // enable the `Search` plugin with a custom configuration
+     * search: {
+     *   // add a `customClass` CSS class name to search results
+     *   searchResultClass: 'customClass',
+     *   // add a custom query method
+     *   queryMethod(queryStr, value) {
+     *     ...
+     *   },
+     *   // add a custom callback function
+     *   callback(instance, row, column, value, result) {
+     *     ...
+     *   }
+     * }
+     * ```
+     */
+    search: false,
+    /**
+     * @description
+     * The `selectionMode` option configures how [selection](@/guides/cell-features/selection.md) works.
+     *
+     * You can set the `selectionMode` option to one of the following:
+     *
+     * | Setting      | Description                                                  |
+     * | ------------ | ------------------------------------------------------------ |
+     * | `'single'`   | Allow the user to select only one cell at a time.            |
+     * | `'range'`    | Allow the user to select one range of cells at a time.       |
+     * | `'multiple'` | Allow the user to select multiple ranges of cells at a time. |
+     *
+     * Read more:
+     * - [Selection: Selecting ranges](@/guides/cell-features/selection.md#selecting-ranges)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'multiple'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can only select one cell at at a time
+     * selectionMode: 'single',
+     *
+     * // you can select one range of cells at a time
+     * selectionMode: 'range',
+     *
+     * // you can select multiple ranges of cells at a time
+     * selectionMode: 'multiple',
+     * ```
+     */
+    selectionMode: 'multiple',
+    /**
+     * The `selectOptions` option configures options that the end user can choose from in [`select`](@/guides/cell-types/select-cell-type.md) cells.
+     *
+     * You can set the `selectOptions` option to one of the following:
+     *
+     * | Setting                         | Description                                                                   |
+     * | ------------------------------- | ----------------------------------------------------------------------------- |
+     * | An array of strings             | Each string is one option's value and label                                   |
+     * | An object with key-string pairs | - Each key is one option's value<br>- The key's string is that option's label |
+     * | A function                      | A function that returns an object with key-string pairs                       |
+     *
+     * Read more:
+     * - [Select cell type](@/guides/cell-types/select-cell-type.md)
+     *
+     * @memberof Options#
+     * @type {string[]|object|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // set the `type` of each cell in this column to `select`
+     *     type: 'select',
+     *     // set the first option's value and label to `A`
+     *     // set the second option's value and label to `B`
+     *     // set the third option's value and label to `C`
+     *     selectOptions: ['A', 'B', 'C'],
+     *   },
+     *   {
+     *     // set the `type` of each cell in this column to `select`
+     *     type: 'select',
+     *     selectOptions: {
+     *       // set the first option's value to `value1` and label to `Label 1`
+     *       value1: 'Label 1',
+     *       // set the second option's value to `value2` and label to `Label 2`
+     *       value2: 'Label 2',
+     *       // set the third option's value to `value3` and label to `Label 3`
+     *       value3: 'Label 3',
+     *     },
+     *   },
+     *   {
+     *     // set the `type` of each cell in this column to `select`
+     *     type: 'select',
+     *     // set `selectOption` to a function that returns available options as an object
+     *     selectOptions(visualRow, visualColumn, prop) {
+     *       return {
+     *         value1: 'Label 1',
+     *         value2: 'Label 2',
+     *         value3: 'Label 3',
+     *       };
+     *   },
+     * ],
+     * ```
+     */
+    selectOptions: void 0,
+    /**
+     * @description
+     * The `skipColumnOnPaste` option determines whether you can paste data into a given column.
+     *
+     * You can only apply the `skipColumnOnPaste` option to an entire column, using the [`columns`](#columns) option.
+     *
+     * You can set the `skipColumnOnPaste` option to one of the following:
+     *
+     * | Setting           | Description                                                                                           |
+     * | ----------------- | ----------------------------------------------------------------------------------------------------- |
+     * | `false` (default) | Enable pasting data into this column                                                                  |
+     * | `true`            | - Disable pasting data into this column<br>- On pasting, paste data into the next column to the right |
+     *
+     * Read more:
+     * - [Configuration options: Setting column options](@/guides/getting-started/configuration-options.md#setting-column-options)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // disable pasting data into this column
+     *     skipColumnOnPaste: true
+     *   }
+     * ],
+     * ```
+     */
+    skipColumnOnPaste: false,
+    /**
+     * @description
+     *
+     * The `skipRowOnPaste` option determines whether you can paste data into a given row.
+     *
+     * You can only apply the `skipRowOnPaste` option to an entire row, using the [`cells`](#cells) option.
+     *
+     * You can set the `skipRowOnPaste` option to one of the following:
+     *
+     * | Setting           | Description                                                                         |
+     * | ----------------- | ----------------------------------------------------------------------------------- |
+     * | `false` (default) | Enable pasting data into this row                                                   |
+     * | `true`            | - Disable pasting data into this row<br>- On pasting, paste data into the row below |
+     *
+     * Read more:
+     * - [Configuration options: Setting row options](@/guides/getting-started/configuration-options.md#setting-row-options)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * cells(row, column) {
+     *  const cellProperties = {};
+     *
+     *  // disable pasting data into row 1
+     *  if (row === 1) {
+     *    cellProperties.skipRowOnPaste = true;
+     *  }
+     *
+     *  return cellProperties;
+     * }
+     * ```
+     */
+    skipRowOnPaste: false,
+    /**
+     * The `sortByRelevance` option configures whether [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md) cells'
+     * lists are sorted in the same order as provided in the [`source`](#source) option.
+     *
+     * You can set the `sortByRelevance` option to one of the following:
+     *
+     * | Setting          | Description                                                                  |
+     * | ---------------- | ---------------------------------------------------------------------------- |
+     * | `true` (default) | Sort options in the same order as provided in the [`source`](#source) option |
+     * | `false`          | Sort options alphabetically                                                  |
+     *
+     * Read more:
+     * - [`source`](#source)
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [{
+     *   // set the `type` of each cell in this column to `autocomplete`
+     *   type: 'autocomplete',
+     *   // set options available in every `autocomplete` cell of this column
+     *   source: ['D', 'C', 'B', 'A'],
+     *   // sort the `autocomplete` option in this order: D, C, B, A
+     *   sortByRelevance: true
+     * }],
+     * ```
+     */
+    sortByRelevance: true,
+    /**
+     * The `source` option sets options available in [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md)
+     * and [`dropdown`](@/guides/cell-types/dropdown-cell-type.md) cells.
+     *
+     * You can set the `source` option to one of the following:
+     *
+     * - An array
+     * - A function
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [Dropdown cell type](@/guides/cell-types/dropdown-cell-type.md)
+     * - [`strict`](#strict)
+     * - [`allowHtml`](#allowHtml)
+     * - [`filter`](#filter)
+     * - [`sortByRelevance`](#sortByRelevance)
+     *
+     * @memberof Options#
+     * @type {Array|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set `source` to an array
+     * columns: [{
+     *   // set the `type` of each cell in this column to `autocomplete`
+     *   type: 'autocomplete',
+     *   // set options available in every `autocomplete` cell of this column
+     *   source: ['A', 'B', 'C', 'D']
+     * }],
+     *
+     * // set `source` to a function
+     * columns: [{
+     *   // set the `type` of each cell in this column to `autocomplete`
+     *   type: 'autocomplete',
+     *   // for every `autocomplete` cell in this column, fetch data from an external source
+     *   source(query, callback) {
+     *     fetch('https://example.com/query?q=' + query, function(response) {
+     *       callback(response.items);
+     *     })
+     *   }
+     * }],
+     * ```
+     */
+    source: void 0,
+    /**
+     * @description
+     * If the [`data`](#data) option is not set, the `startCols` option sets the initial number of empty columns.
+     *
+     * The `startCols` option works only in Handsontable's constructor.
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 5
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // start with 15 empty columns
+     * startCols: 15,
+     * ```
+     */
+    startCols: 5,
+    /**
+     * @description
+     * If the [`data`](#data) option is not set, the `startRows` option sets the initial number of empty rows.
+     *
+     * The `startRows` option works only in Handsontable's constructor.
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 5
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // start with 15 empty rows
+     * startRows: 15,
+     * ```
+     */
+    startRows: 5,
+    /**
+     * @description
+     * The `stretchH` option determines what happens when the declared grid width
+     * is different from the calculated sum of all column widths.
+     *
+     * You can set the `stretchH` option to one of the following:
+     *
+     * | Setting            | Description                                                       |
+     * | ------------------ | ----------------------------------------------------------------- |
+     * | `'none'` (default) | Don't fit the grid to the container (disable column stretching)   |
+     * | `'last'`           | Fit the grid to the container, by stretching only the last column |
+     * | `'all'`            | Fit the grid to the container, by stretching all columns evenly   |
+     *
+     * Read more:
+     * - [Column width: Column stretching](@/guides/columns/column-width.md#column-stretching)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'none'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // fit the grid to the container
+     * // by stretching all columns evenly
+     * stretchH: 'all',
+     * ```
+     */
+    stretchH: 'none',
+    /**
+     * The `strict` option configures the behavior of [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md) cells.
+     *
+     * You can set the `strict` option to one of the following:
+     *
+     * | Setting | Mode                                                                                          | Description                                                                                |
+     * | ------- | --------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ |
+     * | `true`  | [Strict mode](@/guides/cell-types/autocomplete-cell-type.md#autocomplete-strict-mode)         | The end user:<br>- Can only choose one of suggested values<br>- Can't enter a custom value |
+     * | `false` | [Flexible mode](@/guides/cell-types/autocomplete-cell-type.md#autocomplete-flexible-mode)     | The end user:<br>- Can choose one of suggested values<br>- Can enter a custom value        |
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [`source`](#source)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *   // set the `type` of each cell in this column to `autocomplete`
+     *   type: 'autocomplete',
+     *   // set options available in every `autocomplete` cell of this column
+     *   source: ['A', 'B', 'C'],
+     *   // values entered must match `A`, `B`, or `C`
+     *   strict: true
+     *   },
+     * ],
+     * ```
+     */
+    strict: void 0,
+    /**
+     * The `tableClassName` option lets you add CSS class names
+     * to every Handsontable instance inside the `container` element.
+     *
+     * You can set the `tableClassName` option to one of the following:
+     *
+     * | Setting             | Description                                                                                |
+     * | ------------------- | ------------------------------------------------------------------------------------------ |
+     * | A string            | Add a single CSS class name to every Handsontable instance inside the `container` element  |
+     * | An array of strings | Add multiple CSS class names to every Handsontable instance inside the `container` element |
+     *
+     * Read more:
+     * - [`currentRowClassName`](#currentRowClassName)
+     * - [`currentColClassName`](#currentColClassName)
+     * - [`currentHeaderClassName`](#currentHeaderClassName)
+     * - [`activeHeaderClassName`](#activeHeaderClassName)
+     * - [`invalidCellClassName`](#invalidCellClassName)
+     * - [`placeholderCellClassName`](#placeholderCellClassName)
+     * - [`readOnlyCellClassName`](#readOnlyCellClassName)
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     * - [`commentedCellClassName`](#commentedCellClassName)
+     * - [`className`](#className)
+     *
+     * @memberof Options#
+     * @type {string|string[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `your-class-name` CSS class name
+     * // to every Handsontable instance inside the `container` element
+     * tableClassName: 'your-class-name',
+     *
+     * // add `first-class-name` and `second-class-name` CSS class names
+     * // to every Handsontable instance inside the `container` element
+     * tableClassName: ['first-class-name', 'second-class-name'],
+     * ```
+     */
+    tableClassName: void 0,
+    /**
+     * The `tabMoves` option configures the action of the <kbd>**Tab**</kbd> key.
+     *
+     * You can set the `tabMoves` option to an object with the following properties
+     * (or to a function that returns such an object):
+     *
+     * | Property | Type   | Description                                                                                                                                              |
+     * | -------- | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `row`    | Number | - On pressing <kbd>**Tab**</kbd>, move selection `row` rows down<br>- On pressing <kbd>**Shift**</kbd> + <kbd>**Tab**</kbd>, move selection `row` rows up              |
+     * | `col`    | Number | - On pressing <kbd>**Tab**</kbd>, move selection `col` columns right<br>- On pressing <kbd>**Shift**</kbd> + <kbd>**Tab**</kbd>, move selection `col` columns left     |
+     *
+     * @memberof Options#
+     * @type {object|Function}
+     * @default {row: 0, col: 1}
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // on pressing Tab, move selection 2 rows down and 2 columns right
+     * // on pressing Shift+Tab, move selection 2 rows up and 2 columns left
+     * tabMoves: {row: 2, col: 2},
+     *
+     * // the same setting, as a function
+     * // `event` is a DOM Event object received on pressing Tab
+     * // you can use it to check whether the user pressed Tab or Shift+Tab
+     * tabMoves(event) {
+     *   return {row: 2, col: 2};
+     * },
+     * ```
+     */
+    tabMoves: {
+      row: 0,
+      col: 1
+    },
+    /**
+     * @description
+     * The `title` option configures [column header](@/guides/columns/column-header.md) names.
+     *
+     * You can set the `title` option to a string.
+     *
+     * Read more:
+     * - [Column header](@/guides/columns/column-header.md)
+     * - [`columns`](#columns)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // set the first column header name to `First name`
+     *     title: 'First name',
+     *     type: 'text',
+     *   },
+     *   {
+     *     // set the second column header name to `Last name`
+     *     title: 'Last name',
+     *     type: 'text',
+     *   }
+     * ],
+     * ```
+     */
+    title: void 0,
+    /**
+     * The `trimDropdown` option configures the width of the [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md)
+     * and [`dropdown`](@/guides/cell-types/dropdown-cell-type.md) lists.
+     *
+     * You can set the `trimDropdown` option to one of the following:
+     *
+     * | Setting          | Description                                                                     |
+     * | ---------------- | ------------------------------------------------------------------------------- |
+     * | `true` (default) | Make the dropdown/autocomplete list's width the same as the edited cell's width |
+     * | `false`          | Scale the dropdown/autocomplete list's width to the list's content              |
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [Dropdown cell type](@/guides/cell-types/dropdown-cell-type.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     type: 'autocomplete',
+     *     // for each cell of this column
+     *     // make the `autocomplete` list's width the same as the edited cell's width
+     *     trimDropdown: true,
+     *   },
+     *   {
+     *     type: 'dropdown',
+     *     // for each cell of this column
+     *     // scale the `dropdown` list's width to the list's content
+     *     trimDropdown: false,
+     *   }
+     * ],
+     * ```
+     */
+    trimDropdown: true,
+    /**
+     * @description
+     * The `trimRows` option configures the [`TrimRows`](@/api/trimRows.md) plugin.
+     *
+     * You can set the `trimRows` option to one of the following:
+     *
+     * | Setting                          | Description                                                                                   |
+     * | -------------------------------- | --------------------------------------------------------------------------------------------- |
+     * | `false`                          | Disable the [`TrimRows`](@/api/trimRows.md) plugin                                            |
+     * | `true`                           | Enable the [`TrimRows`](@/api/trimRows.md) plugin                                             |
+     * | An array of physical row indexes | - Enable the [`TrimRows`](@/api/trimRows.md) plugin<br>- Trim selected rows at initialization |
+     *
+     * Read more:
+     * - [Plugins: `TrimRows`](@/api/trimRows.md)
+     * - [Row trimming](@/guides/rows/row-trimming.md)
+     *
+     * @memberof Options#
+     * @type {boolean|number[]}
+     * @default undefined
+     * @category TrimRows
+     *
+     * @example
+     * ```js
+     * // enable the `TrimRows` plugin
+     * trimRows: true,
+     *
+     * // enable the `TrimRows` plugin
+     * // at Handsontable's initialization, trim rows 5, 10, and 15
+     * trimRows: [5, 10, 15],
+     * ```
+     */
+    trimRows: void 0,
+    /**
+     * The `trimWhitespace` option configures automatic whitespace removal. This option
+     * affects the cell renderer and the cell editor.
+     *
+     * You can set the `trimWhitespace` option to one of the following:
+     *
+     * | Setting          | Description                                                     |
+     * | ---------------- | --------------------------------------------------------------- |
+     * | `true` (default) | Remove whitespace at the beginning and at the end of each cell |
+     * | `false`          | Don't remove whitespace                                         |
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // don't remove whitespace
+     *     // from any cell of this column
+     *     trimWhitespace: false
+     *   }
+     * ]
+     * ```
+     */
+    trimWhitespace: true,
+    /**
+     * @description
+     * The `type` option lets you set the [`renderer`](#renderer), [`editor`](#editor), and [`validator`](#validator)
+     * options all at once, by selecting a [cell type](@/guides/cell-types/cell-type.md).
+     *
+     * You can set the `type` option to one of the following:
+     *
+     * | Cell type                                                         | Renderer, editor & validator                                                                                                                                                                                                                       |
+     * | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | A [custom cell type](@/guides/cell-types/cell-type.md)            | Renderer: your [custom cell renderer](@/guides/cell-functions/cell-renderer.md)<br>Editor: your [custom cell editor](@/guides/cell-functions/cell-editor.md)<br>Validator: your [custom cell validator](@/guides/cell-functions/cell-validator.md) |
+     * | [`'autocomplete'`](@/guides/cell-types/autocomplete-cell-type.md) | Renderer: `AutocompleteRenderer`<br>Editor: `AutocompleteEditor`<br>Validator: `AutocompleteValidator`                                                                         |
+     * | [`'checkbox'`](@/guides/cell-types/checkbox-cell-type.md)         | Renderer: `CheckboxRenderer`<br>Editor: `CheckboxEditor`<br>Validator: -                                                                                                                               |
+     * | [`'date'`](@/guides/cell-types/date-cell-type.md)                 | Renderer: `DateRenderer`<br>Editor: `DateEditor`<br>Validator: `DateValidator`                                                                                                 |
+     * | [`'dropdown'`](@/guides/cell-types/dropdown-cell-type.md)         | Renderer: `DropdownRenderer`<br>Editor: `DropdownEditor`<br>Validator: `DropdownValidator`                                                                                     |
+     * | [`'handsontable'`](@/guides/cell-types/handsontable-cell-type.md) | Renderer: `AutocompleteRenderer`<br>Editor: `HandsontableEditor`<br>Validator: -                                                                                                                       |
+     * | [`'numeric'`](@/guides/cell-types/numeric-cell-type.md)           | Renderer: `NumericRenderer`<br>Editor: `NumericEditor`<br>Validator: `NumericValidator`                                                                                        |
+     * | [`'password'`](@/guides/cell-types/password-cell-type.md)         | Renderer: `PasswordRenderer`<br>Editor: `PasswordEditor`<br>Validator: -                                                                                                                               |
+     * | `'text'`                                                          | Renderer: `TextRenderer`<br>Editor: `TextEditor`<br>Validator: -                                                                                                                                       |
+     * | [`'time`'](@/guides/cell-types/time-cell-type.md)                 | Renderer: `TimeRenderer`<br>Editor: `TimeEditor`<br>Validator: `TimeValidator`                                                                                                 |
+     *
+     * Read more:
+     * - [Cell type](@/guides/cell-types/cell-type.md)
+     * - [Cell renderer](@/guides/cell-functions/cell-renderer.md)
+     * - [Cell editor](@/guides/cell-functions/cell-editor.md)
+     * - [Cell validator](@/guides/cell-functions/cell-validator.md)
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     * - [`renderer`](#renderer)
+     * - [`editor`](#editor)
+     * - [`validator`](#validator)
+     *
+     * @memberof Options#
+     * @type {string}
+     * @default 'text'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the `numeric` cell type for each cell of the entire grid
+     * type: `'numeric'`,
+     *
+     * // apply the `type` option to individual columns
+     * columns: [
+     *   {
+     *     // set the `autocomplete` cell type for each cell of this column
+     *     type: 'autocomplete'
+     *   },
+     *   {
+     *     // set the `myCustomCellType` cell type for each cell of this column
+     *     type: 'myCustomCellType'
+     *   }
+     * ]
+     * ```
+     */
+    type: 'text',
+    /**
+     * The `uncheckedTemplate` option lets you configure what value
+     * an unchecked [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cell has.
+     *
+     * You can set the `uncheckedTemplate` option to one of the following:
+     *
+     * | Setting           | Description                                                                                                                                                                                |
+     * | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+     * | `false` (default) | If a [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cell is unchecked,<br>the [`getDataAtCell`](@/api/core.md#getDataAtCell) method for this cell returns `false`                 |
+     * | A string          | If a [`checkbox`](@/guides/cell-types/checkbox-cell-type.md) cell is unchecked,<br>the [`getDataAtCell`](@/api/core.md#getDataAtCell) method for this cell returns a string of your choice |
+     *
+     * Read more:
+     * - [Checkbox cell type: Checkbox template](@/guides/cell-types/checkbox-cell-type.md#checkbox-template)
+     * - [`getDataAtCell()`](@/api/core.md#getDataAtCell)
+     * - [`checkedTemplate`](#checkedTemplate)
+     *
+     * @memberof Options#
+     * @type {boolean|string|number}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     // set the `type` of each cell in this column to `checkbox`
+     *     // when unchecked, the cell's value is `false`
+     *     // when checked, the cell's value is `true`
+     *     type: 'checkbox',
+     *   },
+     *   {
+     *     // set the `type` of each cell in this column to `checkbox`
+     *     // when unchecked, the cell's value is `'No'`
+     *     // when checked, the cell's value is `'Yes'`
+     *     type: 'checkbox',
+     *     uncheckedTemplate: 'No'
+     *     checkedTemplate: 'Yes',
+     *  }
+     * ],
+     * ```
+     */
+    uncheckedTemplate: void 0,
+    /**
+     * The `undo` option configures the [`UndoRedo`](@/api/undoRedo.md) plugin.
+     *
+     * You can set the `undo` option to one of the following:
+     *
+     * | Setting | Description                                        |
+     * | ------- | -------------------------------------------------- |
+     * | `true`  | Enable the [`UndoRedo`](@/api/undoRedo.md) plugin  |
+     * | `false` | Disable the [`UndoRedo`](@/api/undoRedo.md) plugin |
+     *
+     * By default, the `undo` option is set to `undefined`,
+     * but the [`UndoRedo`](@/api/undoRedo.md) plugin acts as enabled.
+     * To disable the [`UndoRedo`](@/api/undoRedo.md) plugin completely,
+     * set the `undo` option to `false`.
+     *
+     * Read more:
+     * - [Undo and redo](@/guides/accessories-and-menus/undo-redo.md)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default undefined
+     * @category UndoRedo
+     *
+     * @example
+     * ```js
+     * // enable the `UndoRedo` plugin
+     * undo: true,
+     * ```
+     */
+    undo: void 0,
+    /**
+     * @description
+     * The `validator` option sets a [cell validator](@/guides/cell-functions/cell-validator.md) for a cell.
+     *
+     * You can set the `validator` option to one of the following:
+     *
+     * | Setting              | Description                                                                      |
+     * | -------------------- | -------------------------------------------------------------------------------- |
+     * | A string             | A [cell validator alias](@/guides/cell-functions/cell-validator.md)              |
+     * | A function           | Your [custom cell validator function](@/guides/cell-functions/cell-validator.md) |
+     * | A regular expression | A regular expression used for cell validation                                    |
+     *
+     * By setting the `validator` option to a string,
+     * you can use one of the following [cell validator aliases](@/guides/cell-functions/cell-validator.md):
+     *
+     * | Alias               | Cell validator function                                                 |
+     * | ------------------- | ----------------------------------------------------------------------- |
+     * | A custom alias      | Your [custom cell validator](@/guides/cell-functions/cell-validator.md) |
+     * | `'autocomplete'`    | `AutocompleteValidator`                                                 |
+     * | `'date'`            | `DateValidator`                                                         |
+     * | `'dropdown'`        | `DropdownValidator`                                                     |
+     * | `'numeric'`         | `NumericValidator`                                                      |
+     * | `'time'`            | `TimeValidator`                                                         |
+     *
+     * To set the [`editor`](#editor), [`renderer`](#renderer), and [`validator`](#validator)
+     * options all at once, use the [`type`](#type) option.
+     *
+     * Read more:
+     * - [Cell validator](@/guides/cell-functions/cell-validator.md)
+     * - [Cell type](@/guides/cell-types/cell-type.md)
+     * - [Configuration options: Cascading configuration](@/guides/getting-started/configuration-options.md#cascading-configuration)
+     * - [`type`](#type)
+     *
+     * @memberof Options#
+     * @type {Function|RegExp|string}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *    {
+     *      // use a built-in `numeric` cell validator
+     *      validator: 'numeric'
+     *    },
+     *    {
+     *      // validate against a regular expression
+     *      validator: /^[0-9]$/
+     *    },
+     *    {
+     *      // add a custom cell validator function
+     *      validator(value, callback) {
+     *          ...
+     *      }
+     *    },
+     * ],
+     * ```
+     */
+    validator: void 0,
+    /**
+     * @description
+     * The `viewportColumnRenderingOffset` option configures the number of columns
+     * to be rendered outside of the grid's viewport.
+     *
+     * You can set the `viewportColumnRenderingOffset` option to one of the following:
+     *
+     * | Setting            | Description                                             |
+     * | ------------------ | ------------------------------------------------------- |
+     * | `auto` (default)   | Use the offset calculated automatically by Handsontable |
+     * | A number           | Set the offset manually                                 |
+     *
+     * Read more:
+     * - [Performance: Define the number of pre-rendered rows and columns](@/guides/optimization/performance.md#define-the-number-of-pre-rendered-rows-and-columns)
+     *
+     * @memberof Options#
+     * @type {number|string}
+     * @default 'auto'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // render 70 columns outside of the grid's viewport
+     * viewportColumnRenderingOffset: 70,
+     * ```
+     */
+    viewportColumnRenderingOffset: 'auto',
+    /**
+     * @description
+     * The `viewportRowRenderingOffset` option configures the number of rows
+     * to be rendered outside of the grid's viewport.
+     *
+     * You can set the `viewportRowRenderingOffset` option to one of the following:
+     *
+     * | Setting            | Description                                             |
+     * | ------------------ | ------------------------------------------------------- |
+     * | `auto` (default)   | Use the offset calculated automatically by Handsontable |
+     * | A number           | Set the offset manually                                 |
+     *
+     * Read more:
+     * - [Performance: Define the number of pre-rendered rows and columns](@/guides/optimization/performance.md#define-the-number-of-pre-rendered-rows-and-columns)
+     * - [Column virtualization](@/guides/columns/column-virtualization.md)
+     *
+     * @memberof Options#
+     * @type {number|string}
+     * @default 'auto'
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // render 70 rows outside of the grid's viewport
+     * viewportRowRenderingOffset: 70,
+     * ```
+     */
+    viewportRowRenderingOffset: 'auto',
+    /**
+     * The `visibleRows` option sets the height of the [`autocomplete`](@/guides/cell-types/autocomplete-cell-type.md)
+     * and [`dropdown`](@/guides/cell-types/dropdown-cell-type.md) lists.
+     *
+     * When the number of list options exceeds the `visibleRows` number, a scrollbar appears.
+     *
+     * Read more:
+     * - [Autocomplete cell type](@/guides/cell-types/autocomplete-cell-type.md)
+     * - [Dropdown cell type](@/guides/cell-types/dropdown-cell-type.md)
+     *
+     * @memberof Options#
+     * @type {number}
+     * @default 10
+     * @category Core
+     *
+     * @example
+     * ```js
+     * columns: [
+     *   {
+     *     type: 'autocomplete',
+     *     // set the `autocomplete` list's height to 15 options
+     *     // for each cell of this column
+     *     visibleRows: 15,
+     *   },
+     *   {
+     *     type: 'dropdown',
+     *     // set the `dropdown` list's height to 5 options
+     *     // for each cell of this column
+     *     visibleRows: 5,
+     *   }
+     * ],
+     * ```
+     */
+    visibleRows: 10,
+    /**
+     * The `width` option configures the width of your grid.
+     *
+     * You can set the `width` option to one of the following:
+     *
+     * | Setting                                                                    | Example                   |
+     * | -------------------------------------------------------------------------- | ------------------------- |
+     * | A number of pixels                                                         | `width: 500`              |
+     * | A string with a [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `width: '75vw'`           |
+     * | A function that returns a valid number or string                           | `width() { return 500; }` |
+     *
+     * Read more:
+     * - [Grid size](@/guides/getting-started/grid-size.md)
+     *
+     * @memberof Options#
+     * @type {number|string|Function}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set the grid's width to 500px
+     * width: 500,
+     *
+     * // set the grid's width to 75vw
+     * width: '75vw',
+     *
+     * // set the grid's width to 500px, using a function
+     * width() {
+     *   return 500;
+     * },
+     * ```
+     */
+    width: void 0,
+    /**
+     * The `wordWrap` option configures whether content that exceeds a column's width is wrapped or not.
+     *
+     * You can set the `wordWrap` option to one of the following:
+     *
+     * | Setting          | Description                                             |
+     * | ---------------- | ------------------------------------------------------- |
+     * | `true` (default) | If content exceeds the column's width, wrap the content |
+     * | `false`          | Don't wrap content                                      |
+     *
+     * To style cells that don't wrap content, use the [`noWordWrapClassName`](#noWordWrapClassName) option.
+     *
+     * Read more:
+     * - [`noWordWrapClassName`](#noWordWrapClassName)
+     *
+     * @memberof Options#
+     * @type {boolean}
+     * @default true
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // set column width for every column of the entire grid
+     * colWidths: 100,
+     *
+     * columns: [
+     *   {
+     *     // don't wrap content in this column
+     *     wordWrap: false,
+     *   },
+     *   {
+     *     // if content exceeds this column's width, wrap the content
+     *     wordWrap: true,
+     *   }
+     * ],
+     * ```
+     */
+    wordWrap: true
+
+    /* eslint-enable jsdoc/require-description-complete-sentence */
+  };
+};
+exports.default = _default;