Ag-grid - Show context menu when I hover the cursor over the grid row/cell

Question

I'd need a solution so that when I hover the cursor over the grid row/cell then an info menu appears for that row and rows can be selected in the info menu. Ag-grid "Tooltip component" inappropriate, because rows cannot be clicked. The "Context menu" might be good, but I can't show it when I hover over it.

Example: When I hover the cursor over "Michael Phelps", then an info menu would appear and there would be rows like "sport", "age", "country" and these rows must be selectable. pic1

Code Example for the Context menu: https://www.ag-grid.com/javascript-grid-context-menu/#context-menu-example PS: Right click to display the menu.

Any other solutions are suitable, it is not mandatory to use the "context menu".

Thank you for the help!

Ag-grid v23.

Answer 1

I would suggest you to use material dialog :

you can go through my stackblitz: https://stackblitz.com/edit/angular-cwydxw

You can open it on hover also. Please let me know if it works for you