It sounds like you’re looking to combine row drag and drop functionality with grouping in AG Grid, specifically to drag rows from one grid to another while maintaining their grouping. This can indeed be achieved using AG Grid’s Enterprise version, but it requires some custom logic because the default examples often deal with basic row drag and drop between grids without grouping considerations.

a/c to me : you should try enabling row drag across grids:
In Grid 1, set the rowDrag property for the column where dragging will happen.

 {
    field: 'street',
    rowDrag: true,
  }

In Grid 2, you’ll already have rows grouped by type (Type 1, Type 2, etc.). Use the grouping feature of AG Grid:

 {
    groupDisplayType: 'groupRows',
    rowGroup: true,
  }

Since AG Grid doesn’t natively handle dropping rows into grouped rows, you’ll need to listen for the drop event and then manually apply the transaction to insert the dropped row into the correct group.

To achieve this, you’ll listen for a rowDragEnd event on Grid 1 and then programmatically determine where to insert the row into Grid 2 based on the grouping.

Here’s how you can do it (this shall work ):

// Grid 1 (Source Grid)
const gridOptions1 = {
  columnDefs: [
    { field: 'street', rowDrag: true },
    { field: 'number' },
    { field: 'city' }
  ],
  onRowDragEnd: function(event) {
    const draggedData = event.node.data;
    
    // Custom logic to figure out which group the row was dropped on
    const groupType = 'Type 1'; // You need to determine this dynamically

    const transaction = {
      add: [{
        type: groupType,
        street: draggedData.street,
        number: draggedData.number,
        city: draggedData.city
      }]
    };
    
    gridOptions2.api.applyTransaction(transaction);
  }
};

// Grid 2 (Target Grid)
const gridOptions2 = {
  columnDefs: [
    { field: 'type', rowGroup: true },
    { field: 'street' },
    { field: 'number' },
    { field: 'city' }
  ],
  defaultColDef: {
    flex: 1,
    minWidth: 100,
    resizable: true
  },
  groupDisplayType: 'groupRows',
  rowData: initialDataForGrid2
};

Summary of Steps:

1. Enable rowDrag in Grid 1.
2. Enable grouping in Grid 2.
3. Listen for the rowDragEnd event in Grid 1.
4. Determine the target group in Grid 2 based on where the row was
   dropped.
5. Use applyTransaction in Grid 2 to add the new row under
   the correct group.