sort on subgrid/GridDetailsRow

[Nick]

Hi All

Fairly new to typescript/react

I am trying to set the sort properties for a sub grid in a GridDetailsRow component (class DetailComponent extends GridDetailRow )

 

I have no issue with sort setting on the parent/master grid using the state, ie:

this.state = {
      data: productsInit,
      gridDataState: {
        sort: [{ field: "lineitemnumber", dir: "asc" }],
        page: { skip: 0, take: 100 }
      }

}

 

But how do I use the global state to set a different sort on subgrids?

 

Any help would be great, thanks

[Stefan]

Hello, Nick,

This can be done by passing the additional sorting information down to the detail component together with a function that will update the parent component sort state when a detail component is sorted.

I made an example showcasing a possible approach:

https://stackblitz.com/edit/react-giygcf?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Nick]

Perfect thanks Stefan