Grouping some rows and reusing the templates

[bureaug]

I am looking for ways to group only specific rows, while leaving others ungrouped and displayed as "regular" rows. As the grouped row will have the same structure as the rows being grouped, I am also looking for DRY solution when it comes to the column templates.

<ngx-datatable [rows]="rawData">
  <ngx-datatable-column>...</ngx-datatable-column>
  <ngx-datatable-column>...</ngx-datatable-column>
  <ngx-datatable-column>...</ngx-datatable-column>
  <ngx-datatable-row-detail 
     (toggle)="onDetailToggle($event)">[...here go the same columns as above...]</ngx-datatable-row-detail>
</ngx-datatable>

I need to show grouped results for some of the table rows while making it possible to expand the grouped row and display the ungrouped values.
The original question: https://stackoverflow.com/questions/76907830/angular-self-referencing-template-ngx-datatable

Please tell us about your environment:

MacOS 12.6.7

• Table version:
  Swimlane Datatable 18.0.0

• Angular version:
  Angular 11.2.4

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  Any browser

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  Typescript 3.5.2