table-header-group et table-footer-group dans une div

Question

Existe-t-il un moyen d'utiliser table-header-group et table-footer-group dans un div plutôt que dans un thead ou un tfoot?

Answer 1

Selon www.w3.org, il est permis d'utiliser display: table-header-group lorsque le parent (l'élément contenant le div) est affiché sous la forme d'une table ou d'une table en ligne. Donc, quelque chose comme cela devrait être permis

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

Si le parent n'est pas une table, il doit être inséré, selon le point 4 sur la page www.w3.org.

Le gros problème est de savoir si tous les navigateurs (principaux) le supportent. Surtout IE (6) est connu pour ne pas supporter la plupart des types de types d'affichage.

Answer 2

Selon le W3C, vous ne pouvez pas utiliser un élément en tant que nœud enfant direct à l'intérieur d'un <table>. http://w3schools.com/html5/tag_table.asp. Cet article stipule qu'un <table> peut contenir:

• tr
• td
• e
• légende
• col
• colgroup
• thead
• tfoot
• tbody

ce que vous pourriez faire si vous voulez éviter d'utiliser une table est:

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

Cette solution n'est cependant possible en HTML5.