[解決済み] テーブルの中で複数のtheadやtfoot要素を使用することは有効ですか？

質問

このようなリストのリストを想像してみてください。

var list = [
  { name: 'group1', 
    items: [ 1, 2, 3, 4, 5 ]
  },
  { name: 'group2', 
    items: [ 1, 2, 3, 4, 5 ]
  },
  etc...
]

さて、quot;テーブルはデザイン用ではなくデータ用である、という主張を忘れて、私は、1つのテーブルを list には一つのテーブルを表示し、別の <thead> と <tbody> の各エントリに対して list .

これは技術的に有効ですか？ これはブラウザ上では動作しますが、私の を使うことはできません。 .

どのように解決するのですか？

あなたは、いくつでも <tbody> 要素をいくつでも入れることができますが <thead> と <tfoot> . 参照 :

コンテンツモデルです。

この順序で: オプションとして caption 要素があり、次に ゼロまたはそれ以上の colgroup 要素。 要素の後に、任意で thead 要素、0 個以上の tbody 要素または 1 個以上の tr要素、そして任意でtfoot要素 任意で その後に1つ以上のスクリプトをサポートする要素が混在しています。