React Data Grid TrimRows
Description
The plugin allows to trim certain rows. The trimming is achieved by applying the transformation algorithm to the data
transformation. In this case, when the row is trimmed it is not accessible using getData*
methods thus the trimmed
data is not visible to other plugins.
Example
const hotRef = useRef(null);
...
<HotTable
ref={hotRef}
data={getData()}
// hide selected rows on table initialization
trimRows={[1, 2, 5]}
/>
const hot = hotRef.current.hotInstance;
// access the trimRows plugin instance
const trimRowsPlugin = hot.getPlugin('trimRows');
// hide single row
trimRowsPlugin.trimRow(1);
// hide multiple rows
trimRowsPlugin.trimRow(1, 2, 9);
// or as an array
trimRowsPlugin.trimRows([1, 2, 9]);
// show single row
trimRowsPlugin.untrimRow(1);
// show multiple rows
trimRowsPlugin.untrimRow(1, 2, 9);
// or as an array
trimRowsPlugin.untrimRows([1, 2, 9]);
// rerender table to see the changes
hot.render();
Options
trimRows Source code (opens new window)
trimRows.trimRows : boolean | Array<number>
The trimRows
option configures the TrimRows
plugin.
You can set the trimRows
option to one of the following:
Setting | Description |
---|---|
false | Disable the TrimRows plugin |
true | Enable the TrimRows plugin |
An array of physical row indexes | - Enable the TrimRows plugin- Trim selected rows at initialization |
Read more:
Default: undefined
Example
// enable the `TrimRows` plugin
trimRows: true,
// enable the `TrimRows` plugin
// at Handsontable's initialization, trim rows 5, 10, and 15
trimRows: [5, 10, 15],
Methods
destroy Source code (opens new window)
trimRows.destroy()
Destroys the plugin instance.
disablePlugin Source code (opens new window)
trimRows.disablePlugin()
Disables the plugin functionality for this Handsontable instance.
enablePlugin Source code (opens new window)
trimRows.enablePlugin()
Enables the plugin functionality for this Handsontable instance.
getTrimmedRows Source code (opens new window)
trimRows.getTrimmedRows() ⇒ Array
Get list of trimmed rows.
Returns: Array
- Physical rows.
isEnabled Source code (opens new window)
trimRows.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
then the AutoRowSize#enablePlugin method is called.
isTrimmed Source code (opens new window)
trimRows.isTrimmed(physicalRow) ⇒ boolean
Checks if given row is hidden.
Param | Type | Description |
---|---|---|
physicalRow | number | Physical row index. |
isValidConfig Source code (opens new window)
trimRows.isValidConfig(trimmedRows) ⇒ boolean
Get if trim config is valid. Check whether all of the provided physical row indexes are within source data.
Param | Type | Description |
---|---|---|
trimmedRows | Array | List of physical row indexes. |
trimRow Source code (opens new window)
trimRows.trimRow(...row)
Trims the row provided as a physical row index (counting from 0).
Param | Type | Description |
---|---|---|
...row | number | Physical row index. |
trimRows Source code (opens new window)
trimRows.trimRows(rows)
Trims the rows provided in the array.
Emits: Hooks#event:beforeTrimRow
, Hooks#event:afterTrimRow
Param | Type | Description |
---|---|---|
rows | Array<number> | Array of physical row indexes. |
untrimAll Source code (opens new window)
trimRows.untrimAll()
Untrims all trimmed rows.
untrimRow Source code (opens new window)
trimRows.untrimRow(...row)
Untrims the row provided as a physical row index (counting from 0).
Param | Type | Description |
---|---|---|
...row | number | Physical row index. |
untrimRows Source code (opens new window)
trimRows.untrimRows(rows)
Untrims the rows provided in the array.
Emits: Hooks#event:beforeUntrimRow
, Hooks#event:afterUntrimRow
Param | Type | Description |
---|---|---|
rows | Array<number> | Array of physical row indexes. |
updatePlugin Source code (opens new window)
trimRows.updatePlugin()
Updates the plugin's state.
This method is executed when updateSettings()
is invoked with any of the following configuration options: