relative dynamic height in react for scroll div with table height code example
Example: overflow scrollbar with variable height
/* The element which contains one/many content sections */
.container {
display: flex;
flex-direction: column;
}
/* The container's content you want to add an overflow to */
.container .scrollable-content {
flex-grow: 1;
overflow: auto;
}