This project is deprecated. Use DevExtreme Vue instead.

DxRowDetailState Plugin Reference

A plugin that manages the expanded state for table row details.

Import

Use the following statement to import the plugin:

import { DxRowDetailState } from '@devexpress/dx-vue-grid';

User Reference

Dependencies

none

Properties

Name Type Default Description
expandedRowIds Array<number | string>   IDs of the rows being expanded.

Events

Name Type Default Description
update:expandedRowIds? (expandedRowIds: Array<number | string>) => void   Handles expanded rows changes.

Plugin Developer Reference

Imports

none

Exports

Name Plugin Type Description
toggleDetailRowExpanded Action ({ rowId: number | string, state?: boolean }) => void Expands/collapses the specified row. The state argument specifies whether the rows should be selected (true), deselected (false), or their selection status should be set to the opposite value (undefined).
expandedDetailRowIds Getter Array<number | string> Currently expanded rows.