2012-11-27 123 views
0

我遇到了一个与我正在开发的网页有关的问题。以下是我在背景中遇到的一般页面结构:JavaScript最大表格大小

  • 有一种形式,用户从四个复选框和下拉菜单中进行选择。当至少选中一个复选框并选择了下拉菜单时,我使用jQuery生成一个“弹出窗口”,这实际上只是一个iframe,我最初设置为隐藏,但一旦输入变为可见有效。这一切都很好。
  • 在iframe中,我有一个交互式表,其行由用户的表单输入动态确定。这是我遇到问题的表格。

我想要桌子有一个“最大高度”,可以这么说。换句话说,我希望表格的行可以正常打印出来,直到表格的总高度达到某个点。在那个时候,如果你愿意的话,我希望桌子变成可滚动的,就像当一个textarea被放入足够多的文本(它的整体高度不会改变,但你可以滚动浏览它)时它变得可滚动一样。

只要涉及HTML,CSS,PHP,JavaScript和/或jQuery,我都会接受任何建议。如果你需要任何澄清,不要犹豫,要问 - 把所有这些都写成文字并不容易,所以如果我不够清楚,我会理解。

+1

把'table'放到'div'中,并给'div'设置一个'max-height'和'overflow:scroll'? –

+0

我不确定任何真正的解决方案,但不能只是将'table'放入'div style =“height:{whatever}; overflow:scroll”'(在iframe中)?编辑:托马斯已经键入完全一样,我上面那里:) – tomsmeding

+0

谢谢,@DavidThomas。这正是我所期待的。谢谢! – jrad

回答

1

在您的CSS中,将height: YOUR_MAX_HEIGHToverflow-y: scroll应用到您的表格。这应该是您尝试实现的良好开端。

+0

这实际上正是我期望实现的。谢谢! – jrad

+0

当表格不像'YOUR_MAX_HEIGHT'那么高时,这不起作用? –

+0

@JackRadcliffe如果'height'不适合你尝试'max-height'。 – marteljn