Jquery 表排序器嵌套表宽度
HTML: 我的css与外部表格配合得很好,我输出的每个单元格的宽度就证明了这一点。但是当Jquery 表排序器嵌套表宽度,jquery,html,css,tablesorter,Jquery,Html,Css,Tablesorter,HTML: 我的css与外部表格配合得很好,我输出的每个单元格的宽度就证明了这一点。但是当在另一个中时,宽度取决于所述标记的内容,所以我只放置了一些高数值作为宽度。。。如宽度:1080px,内部工作(占据其包含的整个外部) 但如果我坚持使用1080px或w/e解决方案,这在语义上不是不正确吗?我在这里遗漏了什么?我已经通过chrome的开发控制台搜索了几个小时,但没有结果 显示:所述的块似乎也不起作用。问题是嵌套表“调整”自身以匹配其内容的宽度。因此,如果您将嵌套表宽度设置为100%,它应该按预
在另一个
中时,宽度取决于所述标记的内容,所以我只放置了一些高数值作为宽度。。。如宽度:1080px
,内部
工作(占据其包含的整个外部
)
但如果我坚持使用1080px或w/e解决方案,这在语义上不是不正确吗?我在这里遗漏了什么?我已经通过chrome的开发控制台搜索了几个小时,但没有结果
显示:所述
的块似乎也不起作用。问题是嵌套表“调整”自身以匹配其内容的宽度。因此,如果您将嵌套表宽度设置为100%
,它应该按预期工作()
应继承其父标记宽度的某些内容无效HTML@Mottie很抱歉,我的意思是说..
意味着正确的HTML.edited post.SWEET!我错过了.tablesorter table
属性。我知道调整行为,并假设其宽度设置为100%,这是从继承的e> 容器。为什么.tablesorter table
不假设100%的宽度?我正在查看开发控制台,我非常确定所有内容都设置为100%…我不知道LOL…。这就是浏览器的行为方式。
<div class="container">
<table class="tablesorter">
<thead><th></th></thead>
<tbody>
<tr><td><table>
<thead><tr>
<th>some content that should inherit its parent tag's width</th>
</tr></thead>
</table></td></tr>
</tbody>
</table>
</div>
.tablesorter th { width: 20%; }
.tablesorter table th { width: 100%; } //won't work
.tablesorter table th { width: 1080px } //works! for some absolute value
.tablesorter th {
width: 20%;
}
.tablesorter table,
.tablesorter table th {
width: 100%;
}