This is a migrated thread and some comments may be shown as answers.

Add custom headers in Kendo UI Grid

1 Answer 944 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Mathis
Top achievements
Rank 1
Mathis asked on 29 Aug 2018, 10:27 AM

I'm using Kendo UI for Angular to render a table. The table works fine, and everything shows up. My question is if it's possible to add a new header row before the initial row, where it's possible to add custom values.

I've added two images, which shows the current and desired behavior.

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 29 Aug 2018, 02:29 PM
Hi Mathis,

Thank you for the provided screenshots.

At the moment, such feature does not seem to be available.

I would also like to point out three additional features, that may be helpful for achieving the requirement.

We can use the toolbar, which can be positioned on top of the grid, as demonstrated in the following article:
https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/toolbar-template/

Check the example from the following article, that demonstrates an editable grid. If we click the "Add new" button, a row will be created, from which we can enter the information for a new row item:
https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-reactive-forms/

We can also use the HeaderTemplateDirective in order to add any custom HTML to the header cells of each column. This approach is documented in the following article:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates/

I hope this helps. In case further assistance is required for this case, please provide some more details about the use case scenario, so that we try to provide another approach or workaround. Thank you in advance.

Regards,
Svetlin
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.
Tags
General Discussions
Asked by
Mathis
Top achievements
Rank 1
Answers by
Svet
Telerik team
Share this question
or