javascript - 当 tbody 有很多元素时，jquery 获得真实的表格高度

Question

我有一个 <table>元素有很多行和一个 max-height属性。
我需要找到 <tbody> 显示的实际高度元素。通常我可以取 <table> 之间的区别高度和<thead>高度

var tbodyDispalyHeight = $("table").height() - $("thead").height();

除非水平内容太多并且出现水平滚动条(并且无法删除它，因为......我需要它!)，否则此方法有效。我应该从 tbodyDispalyHeight 中删除它的高度但是……我该怎么办？
第一个问题:我真的不知道这个栏什么时候显示
第二个问题:每个浏览器以不同的方式实现滚动条

这是一个JSBIN example明白我的意思。尝试水平调整页面大小，直到出现滚动条，然后出现 dislayed tbody height应该更低...

Answer 1

听起来您正在寻找 clientHeight。(但这似乎太容易了。)
看看MDN
对于没有 CSS 或内联布局框的元素，Element.clientHeight 只读属性为零，否则它是元素的内部高度(以像素为单位)，包括填充但不包括水平滚动条高度、边框或边距。 你可以试试:

$("table")[0].clientHeight