HTML/CSS隱藏錶行（不工作）

Question

我有一個隱藏行的表。但是，似乎隱藏行是在可見行的第一列內生成的。

讓我解釋...

我有一個列出球隊的名字的表格。單擊一個團隊名稱時，團隊名稱下方的隱藏行將與團隊成員名稱一起顯示。當我點擊球隊名稱時，我預計to get this，而不是I get this。

這是代碼生成的行：

<script type="text/javascript" language="JavaScript"> 
function ReverseDisplay(d) { 
    if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; } 
    else { document.getElementById(d).style.display = "none"; } 
} 
</script> 

    <tr> 
    <td width=5% style="text-align:center; padding: 10px;">1</td> 
    <td width= 10% style="text-align:center; padding: 10px;">M-2</td> 
    <td width=40% style="text-align:left; padding: 10px;" ><a href="javascript:ReverseDisplay('tri-384')">Engi-Nerds</a></td> 
    <td width=5% style="text-align:center;">15</td> 
    <td width=5% style="text-align:center;">11</td> 
    <td width=5% style="text-align:center;">11</td> 
    <td width=5% style="text-align:center;">3</td> 
    <td width=7% style="text-align:center;">0</td> 
    <td width=8% style="text-align:center;">40</td> 
    <td width=10% style="text-align:center;">08:43:15</td> 
    </tr> 
    <tr id="tri-384" style="display:none;"> 
    <td width=5%></td> 
    <td width=10%></td> 
    <td width=40%>--Todd Rebol<br />--Chris Beers</td> 
    <td colspan=7 width=45%></td> 
    </tr> 

有趣的是，當我從第二行刪除style="display:none;"，表中的行只顯示細（儘管名稱行不再隱藏）。

任何想法我失蹤？

- 編輯 -

感謝小桑蒂，我現在有這個工作。這是一個簡單的改變。我不得不在我的JS代碼中更新display = "block"到display = "table-row"。

Answer 1

您幾乎擁有它：只需將display=block更改爲display=table-row即可。顯示佈局不同。