Add ability to create multi-column headers for Kendo Ui for Angular Grid component. We should be able to use a nested array with n levels and the multi-column headers should be created dynamically by the grid.
9 comments
ADMIN
Georgi
Posted on:28 Feb 2024 08:34
Hello Claudio,
Thank you very much for the feedback provided.
The requested feature is still not part of our immediate development plans and we are still tracking the demand for it.
As of now, the suggested workaround of creating the multi-column headers dynamically based on a known number of levels is the way to go. Please, check out the replies of my colleagues Dimiter and Svetlin for further reference.
Here is an updated version of the provided StackBlitz demos:
We need the same feature... is there any plan on developing this feature? There aren't any updates since 2020
ADMIN
Svet
Posted on:12 Jun 2020 07:20
Hi Maitri,
Thank you for the feedback. At the moment we haven't added the requirement to our future development plans. We are still tracking the demand. For now the suggest approach of creating the multi-column headers dynamically based on a known number of levels is the way to go.
Regards,
Svetlin
Progress Telerik
Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic. Our thoughts here at Progress are with those affected by the outbreak.
Maitri
Posted on:05 Jun 2020 10:02
Hi,
Even i want the same feature in kendo grid to create a dynamic mulit column header with 2 columns in a group. Do you have any update on this?
ADMIN
Svet
Posted on:17 May 2020 20:59
Hi Jason,
What could be done at this point is to create the multi-column headers dynamically but based on a known number of levels as demonstrated in the suggested example. I am pasting it here for reference:
Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic. Our thoughts here at Progress are with those affected by the outbreak.
ADMIN
Martin Bechev
Posted on:17 May 2020 20:19
Hi Jason,
We keep tracking the customer demand for this enhancement. Up to now, the requested feature is not added to our development plans, but the workaround that my colleague shared is still valid. Based on custom logic the desired multi-column headers can be achieved by iterating column configuration objects with *ngFor Angular directive. Please check the StackBlitz example in the Dimiter's reply for more details.
Regards,
Martin
Progress Telerik
Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic. Our thoughts here at Progress are with those affected by the outbreak.
Jason
Posted on:10 May 2020 21:16
I also need this functionality. Any recommended workaround?
ADMIN
Dimiter Topalov
Posted on:27 Feb 2019 10:01
Hi Zaw,
The feature in question is not available yet, but we are tracking this feature request, and will consider it based on the customer demand. Meanwhile, you can implement a custom solution, based on a previously known levels of nesting, e.g.:
The solution is not applicable for dynamically creating the required markup for unknown data structures or when the levels of nesting are not known in advance, but is applicable for most practical purposes as real-world scenarios rarely involve indefinite levels of nested data.
Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.Learn More.
Zaw
Posted on:21 Feb 2019 04:28
Is this feature available now? OR is there any workaround to achieve this?