jquery get real table height when tbody has lot of elements
<p>I have a <code>&lt;table&gt;</code> element with a lot of rows and a <code>max-height</code> attribute.<br>
I need to find the real height displayed for the <code>&lt;tbody&gt;</code> element. Normally I can just take the difference between <code>&lt;table&gt;</code> height and <code>&lt;thead&gt;</code> height</p>

<pre><code>var tbodyDispalyHeight = $("table").height() - $("thead").height();
</code></pre>

<p>This works unless horizontal content is too much and an horizontal scrollbar appears (and can't remove it because... I need it!). I should remove its height from <code>tbodyDispalyHeight</code> but... how can I do?<br>
First problem: I don't really know when this bar is displayed<br>
Second prolbem: Each browser implement scrollbar in a different way</p>

<p>Here is a <a href="http://output.jsbin.com/zirovibuku" rel="nofollow">JSBIN example</a> to understand what I mean. Try to resize page horizontally until the scrollbar appears, there the <code>dislayed tbody height</code> should be lower...</p>