Multi level Stacked Headers

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

Regards, 
M. Salah

Attachment: Capture_4500cbbe.rar

1 Reply

JS Jonesherine Stephen Syncfusion Team January 14, 2019 02:47 PM UTC

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  
Regards, 
Jone sherine P S 


Loader.
Up arrow icon