Expanding the Master-Detail Grid Row on Cell Click

Environment

Product

Progress® Kendo UI for Angular Grid

Description

How can I expand the Grid master-detail row by clicking other cells and not the built-in Expand and Collapse buttons?

Solution

To expand or collapse the Grid master-detail row by clicking other cells and not the built-in Expand and Collapse buttons, use the cellClick event of the component. The cellClick event provides the dataItem associated with the row in which the cell is located. This information can be used to store a key like ID and provide it to the expandedDetailKeys collection (Controlling the Expanded State article).

The following example demonstrates the suggested approach.

Change Theme

Theme

Loading ...