We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

e-stacked-columns

Hello , i want to to have e-stacked-columns with three plain.

"

1<e-column headerText=' Header1 ' >

         2<e-stacked-columns>

                 3<e-stacked-column  headerText='Header2' width='100' textalign='center'>

                        4<e-stacked-columns>

                         5<e-stacked-column headerText=' Header3 ' width='100' textalign='center'></e-stacked-column>

                        4</e-stacked-columns>

                   3</e-stacked-column>

         2 </e-stacked-columns>

 1</e-column>


"

It dident worked !

I would be very grateful for an answer:-)

regards

Mohammad Abbasi


1 Reply

PS Pavithra Subramaniyam Syncfusion Team October 31, 2022 04:28 AM

Hi Mohammad Abbasi,


Thanks for contacting Syncfusion support.


From your update, we understood that you want to add three-level stacked columns in the EJ2 Grid. You can achieve your requirement by using the “column.columns” property. Please refer to the below code example and the sample link for more information.


 <e-column headerText="Order Details" [columns]="Header1"></e-column>

 

 

this.orderColumns = [

  {

    headerText: 'Header2',

    columns: [

      {

        headerText: 'Header3',

        columns: [

          {

            field: 'OrderDate', headerText: 'Order Date', format: 'yMd',

          }          

        ],

      },

    ],

  },

];

 


Sample: https://stackblitz.com/edit/angular-p4jpun-kwibjd?file=app.component.html


Please get back to us if you need further assistance on this.


Regards,

Pavithra S


Loader.
Live Chat Icon For mobile
Up arrow icon