Grouping Columns in TreeGrid

Question

Hello,I am trying to duplicate the following grid in my Blazor application using Syncfusion TreeGrid. Is there any way to group columns like shown in the below picture? The pictured grid was created in Excel.There is one group for ICE, second group for Bloomberg and so on.Any example you could provide would be highly appreaciated.Thank you very much,Yoshiro

Pon Selva Jeganathan · Answer

Hi Yoshiro,Query: Is there any way to group columns like shown in the below picture?We achieved your requirement by using the stacked header column feature of the Tree Grid. Using this feature, you can stack or group the column headers of the treegrid. It can be done by setting the TreeGridColumns -> TreeGridColumns property.Please refer to the below code example, …… In the above code snippet, the columns Order ID, Order Name, Order Date are grouped under Order Details, the columns Shipment Category, Shipped Date, Units are grouped under Shipment Details and Price per Unit, Total Price, Price are grouped under Price details.Please refer to the below screenshot,Please refer to the below help documentation,https://blazor.syncfusion.com/documentation/treegrid/columns/column-resizing?cs-save-lang=1&cs-lang=csharp#resize-stacked-columnRegards,Pon selvaIf this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.