How to adjust the height of the table to fit the screen on page load?

Question

css

Good afternoon! I have a table with min-height: 375px;. I need to write a function in JavaScript that, after loading the page, if there is any space after the table to the end of the page, it would add this space to 375 and stretch the table, but so that the scrollbar does not appear.

Answer 1

$('#scrollArea').css("max-height", $(document).height() - $('#scrollArea').offset().top - 20);

Answer 2

height: 100%
max-height: 100%

Answer 3

$(document).ready(function{
    $('.myclass').css("height", $(document).height());
})

Answer 4

You can also do this: https://codepen.io/abnmt/pen/LdWEJY?editors=0010