Datatable row grouping does not consider its previous column's group.

[akashaviator]

I was trying to display grouped rows in the Datatable component using rowGroupMode="rowspan" prop.
However, the row grouping doesn't seem to be considering the parent group (group in the previous column).
Please look at the 4th column in the example below.

Currently, all the cells in the 4th column are merged into one as all of them have the same value 'blr'.
I want this merging to consider its previous column group as well.

Sample Table:

Region  State   Category  Test     Department
East    CT      Food      cat        Bakery
East    CT      Food      cat        Canned Goods
East    CT      Medical   cat        Medical
East    CT      Medical   cat        Pharmacy
East    CT      Misc      cat        Gifts
East    CT      Misc      cat        Photography

Current Behavior:

Region  State   Category  Test     Department
East    CT        Food    cat       Bakery
|        |         |       |        Canned Goods
|        |       Medical   |        Medical
|        |         |       |        Pharmacy
|        |       Misc      |        Gifts
|        |         |       |        Photography

Desired Behavior:

Region  State   Category  Test    Department
East    CT      Food      cat       Bakery
|       |       |         |         Canned Goods
|       |       Medical   cat       Medical
|       |       |         |         Pharmacy
|       |       Misc      cat       Gifts
|       |       |         |         Photography

Another example here : https://stackblitz.com/edit/1ujgnqqy-kocfs6vw?file=src%2FApp.jsx

I tried implementing this myself without using rowGroupMode="rowspan" but I couldn't find a way to set the rowspan attribute on the elements that render each cell.