Stacked header columns implementation in ejs grid

[Mahmod mahajna]

According to syncfusion documentation, in order to use stacked header columns, we must use columns property on relevant <e-column> tags.

(link: https://ej2.syncfusion.com/angular/documentation/grid/columns/#resize-stacked-column)

Is there any other way to accomplish it? (i mean without using columns property)

I tried something like:

And it didn't work as expected.

As for the reason why, basically, the data and columns are dynamic and the implemention of the grid is complex (uses headerTemplate, template, aggregates, supports pagination, uses command columns, etc...).

My intention is not to alter the existing structure since it's used throughout the whole app.

Your assistance is much appreciated !

[Balaji Sekar]

Hi Mahmod mahajna, 

 

Greetings from the Syncfusion support. 

 

As per stacked header architecture, we can bind two levels of headers on the Grid component and second level headers collections to the first level <e-column> tag using columns property since, if you need to bind stacked headers, you should define the second level columns collection to columns property of <e-column>. 

 

Regards, 

Balaji Sekar