title: How to place div from table column A on top of rest of columns while using position: sticky in React app
body: <p>I'm building a React app and have a table where 3 columns are fake dropdowns. I want that, whenever a user clicks on the dropdown in one column, say Country, the dropdown menu comes in AND gets placed on top of the buttons in the adjacent columns Region and Province.</p>
  <p>Please, note that I cannot work with element DropDown. Instead I've got an element Button and an element <code>&lt;div&gt;</code> showing up conditionally. What I need is to use something like <code>z-index</code> to place this div on top of the rest of the table.</p>
  <p>The cell has the attribute <code>position: sticky;</code>, that's why (I have the impression) the z-index cannot be used...</p>
  <p>Any suggestions? Much appreciated!</p>
  <p><a href="https://i.stack.imgur.com/bH9cz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bH9cz.png" alt="enter image description here" /></a></p>