title: How to set responsive height to react-table
body: <p>I use react-table: <a href="https://github.com/tannerlinsley/react-table/tree/v6" rel="nofollow noreferrer">https://github.com/tannerlinsley/react-table/tree/v6</a> and also use bootstrap. My table is adaptive to mobile devices in width but not in height. How to make it responsive in height? </p>
  
  <p>That is the quantity of shown rows must be the same in initial screen and screen with changed height
  <a href="https://i.stack.imgur.com/xNSzu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xNSzu.png" alt="enter image description here"></a> 
  <a href="https://i.stack.imgur.com/2vQNZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2vQNZ.png" alt="enter image description here"></a></p>