title: How to add table on click over each column in Highcharts Reactjs?
body: <p>I am using <a href="https://www.npmjs.com/package/highcharts-react-official" rel="nofollow noreferrer">highcharts-react-official</a> as for using the highcharts. I can display the column graph which I want. The requirement is after clicking over each column, a table related to that column's detailed information needs to be displayed with some hyperlinks.
  I am unable to create that Table.
  Would like to prefer <a href="https://ant.design/components/table/" rel="nofollow noreferrer">antd table</a>, but any table is appreciated, and would like to close the table with a close button.
  Can someone please help me with this? Thank you!!!</p>
  <p>EDIT
  <a href="https://codesandbox.io/s/highcharts-react-demo-forked-kn1zu?file=/demo.jsx" rel="nofollow noreferrer">https://codesandbox.io/s/highcharts-react-demo-forked-kn1zu?file=/demo.jsx</a> Added the code here.
  Alert seems to be working but not a table.
  I would like to see the table
  <a href="https://i.stack.imgur.com/tf4Op.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tf4Op.png" alt="enter image description here" /></a>
  there. The table should contain the details of the drill-down series along with that some more information I would like to add by passing an array. And should vanish when clicking on the Back button. Can u please help me how to do so? Thanks a lot.</p>