I have a React application and I want to implement grouping in the same way as the image. I think its something called row groping but when i research, its not the same thing. How can i implement this?

I am using XGrid. Should i write my own component to achieve this or there is simplier way to do that?

react version "17.0.1"