MultiLevel Column

[Arun]

Hi, is there a way to achieve a Grid line the below link?

 

https://www.w3.org/WAI/tutorials/tables/multi-level/

 

I know we have a similar case, https://www.telerik.com/kendo-react-ui/components/grid/columns/headers/ but I am more interested in achieving the multi-level headers.

 

Please advice.

[Stefan]

Hello, Arun,

Regarding examples:

1) Example 1: Table with multiple column headers in each column - Similar result can be achieved with the cellRender or the rowRender, the render the additional headers inside the Grid. Please have in mind that this approach will require customization as it is not a built-in functionality:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-cellrender

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-rowrender

2) Example 2: Table with three headers related to each data cell - This seems very similar to how the Grid data is displayed with grouping:

https://www.telerik.com/kendo-react-ui/components/grid/grouping/

Please let me know if you need more details on these maters.

Regards,
Stefan
Progress Telerik