Jquery 将车身限制在最大高度?
我想在表的Jquery 将车身限制在最大高度?,jquery,html,css,twitter-bootstrap,stylesheet,Jquery,Html,Css,Twitter Bootstrap,Stylesheet,我想在表的tbody上强制执行max height策略,将overflow设置为auto,这样只有当表太高时才会显示滚动条 是否有办法以这种方式限制表格中主体元素的高度 我感兴趣的表动态插入到一个较大表的单元格中,该表包含在引导面板容器中。执行以下类型的代码不起作用: html = ""; html += "<p>"; html += "<table class=\"sortable target_detail_sortable\" style=\"width:100%;\"
tbody
上强制执行max height
策略,将overflow
设置为auto
,这样只有当表太高时才会显示滚动条
是否有办法以这种方式限制表格中主体元素的高度
我感兴趣的表动态插入到一个较大表的单元格中,该表包含在引导面板容器中。执行以下类型的代码不起作用:
html = "";
html += "<p>";
html += "<table class=\"sortable target_detail_sortable\" style=\"width:100%;\" id=\"my_div_table\">";
html += "<thead>";
// populate header cells
html += "</thead>";
html += "<tbody style=\"max-height:300px; overflow:auto;\">";
// populate body cells
html += "</tbody>";
html += "</table>";
html += "</p>";
$("#my_div").html(html);
html=”“;
html+=“”;
html+=“”;
html+=“”;
//填充标题单元格
html+=“”;
html+=“”;
//填充体细胞
html+=“”;
html+=“”;
html+=“”;
$(“#我的分区”).html(html);
任何有用的建议都将不胜感激,谢谢 不能在任何表格元素上设置固定高度或最大高度
您可以将display:block
添加到tbody
。既然在这种情况下,它不再是最重要的,那就需要高度了。但是,由于tbody
不再是一个表行组
,因此本质上会再次在其中包含一个隐式表。因此,任何其他thead
、tbody
或tfoot
元素中的任何列将不再与可滚动的tbody
对齐
但是,除了列不匹配之外,这几乎可以在除IE之外的所有最新浏览器中使用。您应该能够自己修复其余问题
不过,我不知道如何在IE中修复它。我确实遇到过,但那是相当过时的,因为他的两种解决方案都在IE6中工作,但在IE7和IE8中出现了可怕的中断(方式也不同)。不过,它们确实在IE的“怪癖”模式下工作,所以如果您迫切需要它,这可能是您唯一的选择。您不能在任何表格元素上设置固定或最大高度
您可以将display:block
添加到tbody
。既然在这种情况下,它不再是最重要的,那就需要高度了。但是,由于tbody
不再是一个表行组
,因此本质上会再次在其中包含一个隐式表。因此,任何其他thead
、tbody
或tfoot
元素中的任何列将不再与可滚动的tbody
对齐
但是,除了列不匹配之外,这几乎可以在除IE之外的所有最新浏览器中使用。您应该能够自己修复其余问题
不过,我不知道如何在IE中修复它。我确实遇到过,但那是相当过时的,因为他的两种解决方案都在IE6中工作,但在IE7和IE8中出现了可怕的中断(方式也不同)。不过,它们确实在IE的怪癖模式下工作,因此如果您迫切需要它,这可能是您唯一的选择。来自RFC 1942-HTML表格第19页,该页在1996年将表格引入HTML:“如果表格正文中有大量行,用户代理可以选择在表格正文部分使用滚动区域。”令人难以置信的是,没有浏览器实现过这样的滚动区域,所以你不能,除非在@GodisGood的答案描述的限制范围内。我一定是让某人很不高兴!非常抱歉!RFC 1942-HTML表格第19页在1996年将表格引入HTML:“如果表格正文中有大量行,用户代理可以选择为表格正文部分使用滚动区域。”令人难以置信的是,没有浏览器实现过这样的滚动区域,所以不,你不能,除非在@GodisGood的答案所描述的限制范围内。我一定是真的让某人不高兴了!非常抱歉!