Adjust number of entries to table body's height, not using a scrollbar

BritishSteel

I am trying to figure out a general workflow that I can use to adjust the number of entries dynamically.

I am using my table in a Bootstrap column, and the column height is only defined on page load.

Therefore I would first like to adjust the table's height to the available space, which I have done like this:

$('.dataTables_scrollBody').height(availableSpace)

Now the question is how to figure out the number of entries that are needed to fill that space. Once the bottom is reached, the next entries should be shown on the following page(s). What complicates all this, I think, is that I cannot use a scrollbar. The table should never be scrollable and as many elements as possible, given the available space, should be shown.

I have been searching the web for a while but I cannot figure out how to do this. Maybe I am just not searching correctly. I hope that at least my question is clear enough to make sense. Thank you in advance!