This sample demonstrates the Grid component with the stacked header and resize feature. In this sample, we have shown multiple level of column headers.
The Grid columns can be stacked/grouped in order to show multiple level of column headers. It can be done by setting the
columns
property.
The Grid columns can be resized by clicking and dragging at the right edge of columns header. To enable column, resize behavior, set allowResizing
property as true. You can also prevent the resize of the particular column by setting
columns->allowResizing
as false in columns definition.
In this demo, the columns CustomerName, OrderDate are grouped under Order Details, the columns ShippedDate, ShipCountry, Freight are grouped under Ship Details.
More information on the Stacked Header feature configuration can be found in this documentation section.