React DataGrid - MasterDetail

Allows you to build a master-detail interface in the grid.

import { MasterDetail } from "devextreme/ui/data_grid"

autoExpandAll

Specifies whether detail sections appear expanded or collapsed.

Type:

Boolean

Default Value: false

enabled

Enables an end-user to expand/collapse detail sections.

Type:

Boolean

Default Value: false

template

Specifies a custom template for detail sections.

Type:

template

Template Data:
Name Type Description
data

Object

The master row's data object.
key any

The master row's key.
watch

Function

Allows tracking a variable and performing actions when it changes. Applies when repaintChangesOnly is true.
This function has the following parameters:

  • getter(data): Function
    A function that returns the variable that should be tracked.

  • handler(newValue): Function
    A function called when this variable changes.