New to Kendo UI for Angular? Start a free 30-day trial

Implementing External Menus in the Grid

Environment

ProductProgress® Kendo UI Grid

Description

How can I implement an external menu in the Kendo UI for Angular Grid?

Solution

You need to implement a custom component with specific features.

That custom component, on the one hand, might have to encapsulate the logic and the UI for handling Grid data operations and toggling the visibility of the columns and, on the other hand, to replace the built-in UI and functionalities of the Kendo UI Grid for Angular.

The following example demonstrates how to create a custom column menu component which is responsible for both:

  • Grouping and sorting the Grid data.
  • Showing, hiding, and reordering of the Grid columns.
Example
View Source
Change Theme:

In this article

Not finding the help you need?