表格標題組和表格標題組在div中

Question

有沒有在div中使用table-header-group和table-footer-group而不是在thead或tfoot中的方法？

Answer 1

根據www.w3.org，當父項（包含div的元素）顯示爲表格或內聯表格時，允許使用display: table-header-group。所以，這樣的事情應該讓

<table> 
    <div style="display: table-header-group;">header group</div> 
</table> 

如果家長不是表，那麼它應該被插入，根據www.w3.org頁面上點4。

最大的問題是，所有（主流）瀏覽器是否都支持這一點。特別是IE（6）以不支持大多數顯示類型而聞名。

Answer 2

根據W3C，您不能將元素用作<table>內部的直接子節點。 http://w3schools.com/html5/tag_table.asp。這篇文章指出，一個<table>可能包含：

• TR
• TD
• 日
• 標題
• 山坳
• COLGROUP
• THEAD
• TFOOT
• TBODY

，如果你想避免使用一個表，你可以做的是：

<div style="display:table;"> 
    <div style="display:table-header-group;">header group</div> 
</div> 

該解決方案然而，只可能在HTML5。