2012-04-24 58 views
5

我正在尋找表格中HTML5的規格。 我在做一個web應用程序有很多數據表。嵌套表格的HTML5有效性

這些表通常有一個數據庫行映射到一個錶行。一切都很好。 但是,一個特定的問題孩子有很多列,它需要分佈在表中的兩行上。所以普通的表是(僞):

<table> 
<thead> 
<tr> 
    <th>Header</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Data</td> 
</tr> 
</tbody> 
</table> 

而且有問題的行是這樣的:

<table> 
<tbody> 
<tr> 
    <th>Header row 1</th> 
</tr> 
<tr> 
    <td>Data</td> 
</tr> 
<tr> 
    <th>Header row 2</th> 
</tr> 
<tr> 
    <td>Data</td> 
</tr> 
</tbody> 
</table> 

所以我的問題是現在:在HTML5是其有效的嵌套表? 我們可以很容易地認同它很醜陋。但我在這裏只考慮有效性。

如果我可以嵌套表格,它將解決任何數量的與這些表格的排序和編輯有關的問題(實現半數據網格功能)。 這樣主表格仍然可以由一列兩列組成。可排序的日期和嵌入的表格與數據。

你說什麼?我一直在尋找規格,但找不到任何明確的規格。

+0

查找的簡單方法:http://validator.w3.org/ – 2012-04-24 12:34:59

+2

我相信它和以前一樣有效。但是你不能用'rowspan'和'colspan'實現你想要的嗎? – 2012-04-24 12:36:04

+0

是的。然而,它是1)一個內聯網應用程序,不公開訪問和2)我想重構代碼之前有一個提示,只是爲了恢復,如果它沒有驗證;) – 2012-04-24 12:37:38

回答

11

該文件,其中包含只是一個嵌套表:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>A nested table</title> 
</head> 
<body> 
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <table> 
         <tbody> 
          <tr> 
           <td>Nested</td> 
           <td>Table</td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html> 

...是有效的,根據http://validator.w3.org/nu/

該文件根據指定模式(S)和額外的驗證由驗證器檢查的約束。

+0

由於某種原因驗證器不適合我。但我爲此付出了努力;)謝謝:)編輯:現在它在有人踢了一個代理之後做了。我很幸運得到相同的結果;) – 2012-04-24 12:47:21

-4

從我所聽到的(有人誰的經驗更豐富的Web開發者,請填寫我更多關於這個),嵌套表需要實際嵌套在嵌套在<tr>反過來<td>元素「 s和其他表格,而不僅僅是直接在表格或行中。我爲一個人發現,這是一個真正的痛苦......但哦。