你可以设置表格行高度为0吗? IE 8,Chrome,Firefox,Opera。表格行,你可以设置高度为零?
为什么,你问!那么,我有一个行,这是一个用户点击父行时动态构建和显示。麻烦的是,如果没有行,单击时它仍然显示一个空的1像素高行。
这是孩子的GridView:
<asp:TemplateField HeaderStyle-CssClass="hidden-column" ItemStyle-CssClass="hidden-column" FooterStyle-CssClass="hidden-column">
<ItemTemplate>
<tr>
<td colspan="8" >
<div id='<%# Eval("PublicationID") %>' style="display: none; position: relative;">
<asp:GridView ID="GridView2_ABPubs" runat="server" AutoGenerateColumns="false" Width="100%"
DataKeyNames="PublicationID" Font-Names="Verdana" Font-Size="small">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="ChildPublicationSelector" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="NameAbbrev" HeaderText="Publication Name" SortExpression="NameAbbrev" />
</Columns>
</asp:GridView>
</div>
</td>
</tr>
</ItemTemplate>
</asp:TemplateField>
CSS:
.hidden-column
{
display: none;
}
的JavaScript:
<script language="JavaScript" type="text/javascript">
var currentlyOpenedDiv = "";
function CollapseExpand(object) {
var div = document.getElementById(object);
//if (currentlyOpenedDiv != "" && currentlyOpenedDiv != div) {
// currentlyOpenedDiv.style.display = "none";
//}
if (div.style.display == "none") {
div.style.display = "inline";
currentlyOpenedDiv = div;
}
else {
div.style.display = "none";
}
}
</script>
这是事实,如果你不将显示器设置为无,对其进行访问后,难! – flavour404 2009-07-22 23:41:41
有没有避免的。如果您需要显示/隐藏单元格内容,则必须冗余地对父行进行同样的操作。否则,最终会出现细小的空行。 – dmvianna 2015-03-30 06:37:57