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

Multi level Stacked Headers

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

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

Live Chat Icon For mobile
Up arrow icon