Multi level Stacked Headers

Thread ID:	Created:	Updated:	Platform:	Replies:
141960	Jan 13,2019 07:53 AM UTC	Jan 14,2019 02:47 PM UTC	jQuery	1

Subscribe to this post

Tags: ejTreeGrid

Mohamed Salah

Asked On January 13, 2019 07:53 AM UTC

Hello,

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

Regards,

M. Salah

Reply | Reply with quote

Jonesherine Stephen [Syncfusion]

Replied On 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

Reply | Reply with quote

CONTACT US

CONTACT US