'Ag-grid master detail prevent detail row from closing on data refresh

I'm currently doing a trial on AG-Grid master detail feature. Things are working fine but my data will be refreshed every 10 seconds. This caused the details to close when the data is refresh and I have to open the detail rows again.

Are there any options to save the state of the details that was opened?

Plunkr

Data is set to refresh every 5 seconds , expand the detail row and when the data refreshes the detail will be collapse. I've set rememberGroupStateWhenNewData : true

https://plnkr.co/edit/SgYD3vH8CXW9W9B8HD6N?p=preview

var gridOptions = {
rememberGroupStateWhenNewData:true,
columnDefs: columnDefs,
masterDetail: true,
detailCellRendererParams: {
    detailGridOptions: {
        rememberGroupStateWhenNewData:true,
        columnDefs: [
            {field: 'callId'},
            {field: 'direction'},
            {field: 'number'},
            {field: 'duration', valueFormatter: "x.toLocaleString() + 's'"},
            {field: 'switchCode'}
        ],
        onFirstDataRendered(params) {
            params.api.sizeColumnsToFit();
        }
    },
    getDetailRowData: function (params) {
        params.successCallback(params.data.callRecords);
    }
},
onFirstDataRendered(params) {
    params.api.sizeColumnsToFit();
}

};

angularjsag-grid


Solution 1:[1]

Did you try rememberGroupStateWhenNewData?

https://www.ag-grid.com/javascript-grid-grouping/#keeping-group-state

Solution 2:[2]

have the same issue here, rememberGroupStateWhenNewData only works on row grouping, not master/detail grids.

Solution 3:[3]

A little late, but this may help others.. If you use Immutable data mode, and set the refresh mode of your detail to 'rows', your master and detail will update in-place.

Check these links for more info: https://www.ag-grid.com/react-data-grid/immutable-data/ https://www.ag-grid.com/react-data-grid/master-detail-refresh/

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Alexander Zbinden
Solution 2 Minru Huang
Solution 3 Loc12342

Related Questions