Empty item in Context menu

Tags: #<Tag:0x00007efc6505b618>
#1

Hi HoT team,

I have a weird empty item in my context menu, can you help?

This code:

contextMenu={{
                items: {
                  header: {
                    name: '<span style="font-size: larger"><b>Options</b></span>',
                    hidden: false,
                    disabled: true,
                  },
                  sp1: '------------',
                  row_above: {
                    hidden: () => {
                      return isFirstRowSelected()
                    },
                  },
                  row_below: {
                    hidden: () => {
                      return isFirstRowSelected()
                    },
                  },
                  remove_row: {
                    hidden: () => {
                      return isFirstRowSelected()
                    },
                  },
                },
              }

produces a menu that looks like this (note the empty grey selectable row above ‘insert row above’:

image

I’ve kind of embraced it but the first row seems to irreparably be styled like a title as well. I don’t even really want a title!

#2

Hi @HC289

there are too many chars in the name - http://jsfiddle.net/handsoncode/rutqn3ws/ here’s the right one.

Reference: https://handsontable.com/docs/8.2.0/demo-context-menu.html

#3

D’oh! Thanks and Happy NY

#4

Same for you @HC289 :slight_smile:

#5