Devextreme-reactive: Possible issue when combining RowDetailState and PagingState

[wederer]

We are using:

    "@devexpress/dx-react-core": "^1.7.0",
    "@devexpress/dx-react-grid": "^1.7.0",
    "@devexpress/dx-react-grid-material-ui": "^1.7.0",

Current Behaviour:

When combining RowDetailState with Paging some unexpected behaviour occurs.
To reproduce:
Show details for any item on position A on page X, switch to page Y and details for another item on position A on page Y will be shown.

Expected Behaviour:

Once switching pages the RowDetailState should be reset.

[MaximKudriavtsev]

Hi,

Would you please modify this sample to reproduce the issue?

[wederer]

I could not reproduce the issue with local data. It only ocurrs when loading data from a remote source (on page change) and when using PagingState in a controlled mode and RowDetailsState in an uncontrolled mode.
I fixed it by controlling RowDetailState and manually setting the expanded rows on data load.

[MaximKudriavtsev]

To make the Detail Row feature work correctly, you should specify an id field for your rows. Without this field, RowDetailState will use the row's number.
 
I updated the example accordingly.

[wederer]

Ok, thank you! This info could also be added to the documentation.

[lock[bot]]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.