Multi level Stacked Headers

[Mohamed Salah]

Hello,

     I want to make multi level Stacked Headers in tree grid like attached image.

Regards, 

M. Salah

Attachment: Capture_4500cbbe.rar

[Jonesherine Stephen]

Hi Mohamed, 

Thanks for contacting Syncfusion support. 

Using “stackedHeaderColumns” we can render multiple stacked header in TreeGrid. Please find the code example below: 

$("#TreeGridContainer").ejTreeGrid({ 

                stackedHeaderRows: [{ 

                    stackedHeaderColumns: [{column: "ID,Name,category,units", headerText: "Shipment details", textAlign: ej.TextAlign.Center }, 

                    {column: "unitPrice,price", headerText: "Price details", textAlign: ej.TextAlign.Center }] 

                }, 

                { 

                    stackedHeaderColumns: [{column: "Name,category,unitPrice", headerText: "details", textAlign: ej.TextAlign.Center }, 

                    ] 

                }] 

            }) 

  

We have also prepared the sample based on this. Please find the sample from below location  

Sample: https://jsplayground.syncfusion.com/uywa54xq 

Regards, 

Jone sherine P S