Merge headers causes issue while getting highlighted

Getting help Issues
1

Hi,
As per the link(Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue) I had merged the headers, but I am facing issue while selecting the first cell of the table, such as the top portion of the header is not getting selected, the demo here(Handsontable example - JSFiddle - Code Playground) will expalin it clearly

image.png199×137 2.64 KB

Please guide me to fix this.

2

Hi @ebalasubramanian24

it is just a visual merge. This cell has never been developed to be selected. You can try to fake it with CSS though. You can try to change the element background via afterOnCellMouseDown(e, coords) hook, where

coords.row === 0 && coords.col < 0