title: Table with horizontal and vertical scroll with fixed header
body: <p>I do have a table with horizontal and vertical scroll with a fixed header with elements taking as much as space it needs. I am working with React. It would be awesome if there is a react based solution too if CSS alone cannot solve it. </p>
  
  <h2>Note:</h2>
  
  <ul>
  <li>I did try other solutions <a href="https://stackoverflow.com/questions/39574516/how-to-apply-width-100-with-scroll-able-table-body">here</a> but it is not what I'm looking for</li>
  <li>It would be better if td can have min-width set on them too</li>
  <li>The header shows menu when it is clicked for sorting and filtering</li>
  </ul>