'How to use renderCell and filtering together on a complex object in MUI DataGrid

I used "renderCell" to render a complex object. But I can't figure out how to use filtering and sorting for this scenario. The object has 3 properties and I want to sort and filter based on a specific property according to the selected operator.

my list is like this :

[{AuthorName : 'david', Bugs: {Total : 10, Critical: 5, Minor:5}}]

and I want o show all three properties of 'Bugs' property in one column, and filter based on each property via the selected operator. For example, operators would be like this:

  • Total is a ...
  • Critical is greater than...
  • Minor is lesser than... and etc.

NOTE: I don't want to map every property of 'Bugs' to a separate column.



Sources

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

Source: Stack Overflow

Solution Source