What I am aiming for is to render a react component into the last columns TH, with an onclick event.
I’ve seen this asked before in Custom header React topic.
The answer was to use HotColumns to render a React component in the tables header. However I looked over the documention linked to https://handsontable.com/docs/7.3.0/frameworks-wrapper-for-react-hot-column.html and can’t figure how to actually pass the component to the header rather than the cells.
So far i’ve managed a button but incorrect styling and no event, seemed like when I pass in the component directly into the headers or afterGetColHeader it takes the basic HTML element and ignores my react.
Using the HotColumn, the button renders correctly and with the click event working however I can’t pass it into title or see which prop would be an alternative. Currently I have it rendered inside the HotColumn so its displaying in the cells of the column, not what I need but proves the component does render correctly.
Let me know if you need more clarification on what I mean, any help would be great.