隱藏的錶行，如果空

我在我的JSP可以，在生成的頁面有空白的表，我想知道是否有對我來說，隱藏起來，只有當他們沒有實際文本在他們的方式，這是他們的樣子。隱藏的錶行，如果空

<TABLE border="1" style="empty-cells:hide;padding-left:4px"> 
<TR> 
    <TD><s:property value="barfoo"/></TD> 
    <TD align="center"><s:property value="foo"/></TD> 
    <TD align="center"><s:property value="bar"/></TD> 
    <TD align="center"><s:property value="foobar"/></TD> 
</TR> 
<TR> 
    <TD><s:property value="barfoo"/></TD> 
    <TD align="center"><s:property value="foo"/></TD> 
    <TD align="center"><s:property value="bar"/></TD> 
    <TD align="center"><s:property value="foobar"/></TD> 
</TR> 
<TR> 
    <TD><s:property value="barfoo"/></TD> 
    <TD align="center"><s:property value="foo"/></TD> 
    <TD align="center"><s:property value="bar"/></TD> 
    <TD align="center"><s:property value="foobar"/></TD> 
</TR> 
<TR> 
    <TD><s:property value="barfoo"/></TD> 
    <TD align="center"><s:property value="foo"/></TD> 
    <TD align="center"><s:property value="bar"/></TD> 
    <TD align="center"><s:property value="foobar"/></TD> 
</TR> 
</TABLE>

但事情是不是所有的人都將被填掉所有的時間，有時他們會基本上只返回留下一個空的空間空值，我想隱藏起來，只有當他們要離開我可以使用一個簡單的解決方案，在大多數瀏覽器上工作來隱藏空白空間嗎？

來源

2012-10-04 Fate Averie

提示：請記住，萬維網聯盟（W3C）建議在HTML 4中使用小寫字母，並且必須使用XHTML ... – Luis

您可以使用CSS :empty pseudo-class

tagname:empty { 
display: none; 
}

這pseudo-class風格的空元素...

您使用前務必因爲它沒有被廣泛尚不支持，最有可能IE會導致問題

來源

2012-10-04 16:43:21

我不知道我明白這個 –

拿這個例子來說：'td：empty {background-color：＃ff0000;}' –

@ Mr.Alien如果該行的值爲：「刪除「，我試過'td：empty {value：remove; }' – fresher

我想你可以用CSS屬性空細胞做到這一點，就像這樣：

table { 
    empty-cells:hide; 
}

來源

2012-10-04 16:42:38 Andy

已經在表格樣式中存在 –

我的道歉，沒有看到，並且這隱藏了特定的單元格，而不是行，這就是我認爲你想 – Andy

單元格或行，事實是我有一個巨大的尾隨空間，當這些單元格是空的和隱藏的時候，我需要的是刪除尾部空格是留下 –

使用s:property表明您正在使用Struts。在這種情況下，您可以用s:if標記圍繞您的表格來檢查是否有數據用於渲染表格。

來源

2012-10-04 17:51:04

總會有數據要呈現，只是有些行會顯示爲空白，我所尋找的只是最簡單的方法來隱藏一行或一組行，當這行中的單元格基本上是空的，而不留下那些空單元格通常會給我的空白空間，我不知道什麼是struts，我所做的只是現在的佈局，所以當你提到struts時，你的發言中有一半是mumbo jumbo –

那麼，'s：property'從哪裏來？你不是寫這個代碼嗎？ –

隱藏的錶行，如果空

回答

相關問題