LyteNyte Grid enables you to display menus tied to specific columns. These menus provide contextual interactions for individual columns, such as dropdown menus in column headers.
This guide assumes you're familiar with LyteNyte Grid's menu components. For complete details, see the menu frame guide.
The grid uses the columnMenuRenderer
property on grid state to determine what to display when
opening a column menu. The renderer receives the grid's API and the associated column as props.
You can open a column menu using the grid's columnMenuOpen
API method, and close it with the
columnMenuClose
method. Here's a complete example:
LyteNyte's column menu functionality extends the more generic menu frame functionality. The grid identifies the column the menu belongs to and provides it as a property to the menu renderer. This approach requires only one menu renderer for all columns.