Dropdown Menu

This page shows how to use and configure dropdown menu with Handsontable:

Dropdown Menu with default options

Tu run the basic configuration of the Dropdown Menu, just set the dropdownMenu option to true.

Dropdown Menu with specific options

You can limit options available in the dropdown menu using dropdownMenu option as an array of strings.

List of commands below are common for context menu and for dropdown menu.

  • row_above (designed for Context Menu)
  • row_below (designed for Context Menu)
  • hsep1
  • col_left (designed for both menus)
  • col_right (designed for both menus)
  • hsep2
  • remove_row (designed for Context Menu)
  • remove_col (designed for both menus)
  • hsep3
  • undo (designed for Context Menu)
  • redo (designed for Context Menu)
  • make_read_only (designed for both menus)
  • alignment (designed for both menus)
  • clear_column (designed for Dropdown Menu)
  • borders (only with Custom Borders turned on)
  • commentsAddEdit, commentsRemove (only with Comments turned on)

Dropdown Menu with with fully custom configuration

For greatest configurability, you use dropdownMenu option as a configuration object as described in jQuery contextMenu documentation.

This example shows how to set custom text, how to disable "Remove row" and "Insert row above" for the first row and how to add your own option.