[ANGULAR] Multiple regions for Row Expander

[optelos1]

Hello,

According to documentation Bryntum Grid has the ability to define how expanded widget should be displayed regarding to regions. I need to use Nested Grid. https://bryntum.com/products/grid/docs/api/Grid/feature/RowExpander#multiple-regions

I have 3 custom subGrids:

subGridConfigs : {
            left    : { width : 550 },
            middle : { flex : 1 },
            right : { width : 340, collapsed  : true },
        }

But Typescript doesn't allow me to define the following configuration:

rowExpander : {
           widget : {
               left : {
                   type : 'detailGrid',
                   dataField : 'orderDetails'
               },
               middle : {
                   type : 'summaryGrid',
                   dataField : 'sumDetails'
               }
           }
       }

Even though I cast the config object as any I will get empty expander row.

How can I split expanded row view for subGrids defined by myself using Angular Bryntum library?
Thanks

[marcio]

Hey optelos1,

Thanks for reaching out and welcome to our forums!

That's a wrong TS typing, I created a ticket to fix that https://github.com/bryntum/support/issues/8789