JavaScript最大表格大小

我遇到了一個與我正在開發的網頁有關的問題。以下是我在背景中遇到的一般頁面結構：JavaScript最大表格大小

有一種形式，用戶從四個複選框和下拉菜單中進行選擇。當至少選中一個複選框並選擇了下拉菜單時，我使用jQuery生成一個「彈出窗口」，這實際上只是一個iframe，我最初設置爲隱藏，但一旦輸入變爲可見有效。這一切都很好。
在iframe中，我有一個交互式表，其行由用戶的表單輸入動態確定。這是我遇到問題的表格。

我想要桌子有一個「最大高度」，可以這麼說。換句話說，我希望表格的行可以正常打印出來，直到表格的總高度達到某個點。在那個時候，如果你願意的話，我希望桌子變成可滾動的，就像當一個textarea被放入足夠多的文本（它的整體高度不會改變，但你可以滾動瀏覽它）時它變得可滾動一樣。

只要涉及HTML，CSS，PHP，JavaScript和/或jQuery，我都會接受任何建議。如果你需要任何澄清，不要猶豫，要問 - 把所有這些都寫成文字並不容易，所以如果我不夠清楚，我會理解。

2012-11-27 jrad

把'table'放到'div'中，並給'div'設置一個'max-height'和'overflow：scroll'？ –

我不確定任何真正的解決方案，但不能只是將'table'放入'div style =「height：{whatever}; overflow：scroll」'（在iframe中）？編輯：托馬斯已經鍵入完全一樣，我上面那裏:) – tomsmeding

謝謝，@DavidThomas。這正是我所期待的。謝謝！ – jrad

在您的CSS中，將height: YOUR_MAX_HEIGHT和overflow-y: scroll應用到您的表格。這應該是您嘗試實現的良好開端。

2012-11-27 21:26:58 marteljn

這實際上正是我期望實現的。謝謝！ – jrad

當表格不像'YOUR_MAX_HEIGHT'那麼高時，這不起作用？ –

@JackRadcliffe如果'height'不適合你嘗試'max-height'。 – marteljn

回答