table-header-group и table-footer-group в элементе Div

Question

Есть ли способ использовать table-header-group и table-footer-group в div, а не в thead или tfoot?

Answer 1

Согласно www.w3.org разрешено использовать display: table-header-group, когда родительский элемент (элемент, содержащий div) отображается в виде таблицы или встроенной таблицы. Так что-то вроде этого должно быть разрешено

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

Если родитель не является таблицей, то ее следует вставить в соответствии с пунктом 4 на странице www.w3.org .

Большая проблема в том, поддерживают ли все (основные) браузеры это. Особенно IE (6) известен тем, что не поддерживает большинство типов типов отображения.

Answer 2

Согласно W3C, вы не можете использовать элемент в качестве прямого дочернего узла внутри <table>. http://w3schools.com/html5/tag_table.asp. В этой статье говорится, что <table> может содержать:

• тр
• 1010 * тд *
• й
• подпись
• цв
• COLGROUP
• THEAD
• TFOOT
• TBODY

что вы можете сделать, если хотите избежать использования таблицы:

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

Однако это решение возможно только в HTML5.