This page covers a non-latest version of Handsontable.

# HiddenRows

Description
Options
- hiddenRows
Methods

# Description

The HiddenRows plugin lets you hide specified rows.

"Hiding a row" means that the hidden row doesn't get rendered as a DOM element.

The HiddenRows plugin doesn't modify the source data, and doesn't participate in data transformation (the shape of the data returned by the getData*() methods stays intact).

You can set the following configuration options:

Option	Required	Type	Default	Description
`rows`	No	Array	-	Hides specified rows by default
`indicators`	No	Boolean	`false`	Shows UI indicators
`copyPasteEnabled`	No	Boolean	`true`	Sets up copy/paste behavior

Example

const container = document.getElementById('example');
const hot = new Handsontable(container, {
  data: getData(),
  hiddenRows: {
    copyPasteEnabled: true,
    indicators: true,
    rows: [1, 2, 5]
  }
});

// access the `HiddenRows` plugin's instance
const hiddenRowsPlugin = hot.getPlugin('hiddenRows');

// hide a single row
hiddenRowsPlugin.hideRow(1);

// hide multiple rows
hiddenRowsPlugin.hideRow(1, 2, 9);

// hide multiple rows as an array
hiddenRowsPlugin.hideRows([1, 2, 9]);

// unhide a single row
hiddenRowsPlugin.showRow(1);

// unhide multiple rows
hiddenRowsPlugin.showRow(1, 2, 9);

// unhide multiple rows as an array
hiddenRowsPlugin.showRows([1, 2, 9]);

// to see your changes, re-render your Handsontable instance
hot.render();

# Options

# hiddenRows

Source code

hiddenRows.hiddenRows : boolean | object

The hiddenRows option enables and configures the HiddenRows plugin.

To enable the HiddenRows plugin, set the hiddenRows option to true.

To enable the HiddenRows plugin and configure its settings, set the hiddenRows option to an object with the following properties:

rows: An array of indexes of rows that are hidden on plugin initialization.
copyPasteEnabled: When set to true, takes hidden rows into account when copying or pasting data.
indicators: When set to true, displays UI markers to indicate the presence of hidden rows.

Default: undefined Example

// enable the `HiddenRows` plugin
hiddenRows: true,

// or enable `HiddenRows` plugin, and configure its settings
hiddenRows: {
  // set rows that are hidden by default
  rows: [5, 10, 15],
  // take hidden rows into account when copying or pasting
  copyPasteEnabled: true,
  // show where hidden rows are
  indicators: true
}

# Methods

# destroy

Source code

hiddenRows.destroy()

Destroys the plugin instance.

# disablePlugin

Source code

hiddenRows.disablePlugin()

Disables the plugin functionality for this Handsontable instance.

# enablePlugin

Source code

hiddenRows.enablePlugin()

Enables the plugin functionality for this Handsontable instance.

# getHiddenRows

Source code

hiddenRows.getHiddenRows() ⇒ Array<number>

Returns an array of visual indexes of hidden rows.

# hideRow

Source code

hiddenRows.hideRow(...row)

Hides the row provided as row index (counting from 0).

Param	Type	Description
...row	`number`	Visual row index.

# hideRows

Source code

hiddenRows.hideRows(rows)

Hides the rows provided in the array.

Param	Type	Description
rows	`Array<number>`	Array of visual row indexes.

# isEnabled

Source code

hiddenRows.isEnabled() ⇒ boolean

Checks if the plugin is enabled in the handsontable settings. This method is executed in Hooks#beforeInit hook and if it returns true than the HiddenRows#enablePlugin method is called.

# isHidden

Source code

hiddenRows.isHidden(row) ⇒ boolean

Checks if the provided row is hidden.

Param	Type	Description
row	`number`	Visual row index.

# isValidConfig

Source code

hiddenRows.isValidConfig(hiddenRows) ⇒ boolean

Checks whether all of the provided row indexes are within the bounds of the table.

Param	Type	Description
hiddenRows	`Array`	List of hidden visual row indexes.

# showRow

Source code

hiddenRows.showRow(...row)

Shows the row provided as row index (counting from 0).

Param	Type	Description
...row	`number`	Visual row index.

# showRows

Source code

hiddenRows.showRows(rows)

Shows the rows provided in the array.

Param	Type	Description
rows	`Array<number>`	Array of visual row indexes.

# updatePlugin

Source code

hiddenRows.updatePlugin()

Updates the plugin state. This method is executed when Core#updateSettings is invoked.

← HiddenColumns ManualColumnFreeze →