91

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

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

「テーブルはデザインではなくデータ用です」という議論全体を忘れて、単一のテーブルを表示し、 のエントリごとに個別のとlistを持ちたいと思いました。 <thead><tbody>list

これは技術的に有効ですか？これはブラウザで機能しますが、私のクモの感覚はこれにうずきます.

4

3 に答える 3

131

要素はいくつでも持つことができますが、と<tbody>はそれぞれ 1 つまでです。参考：<thead><tfoot>

コンテンツ モデル:

この順序で: オプションでキャプション要素、0 個以上の colgroup 要素が続き、オプションで thead 要素が続き、その後に 0 個以上の tbody 要素または 1 つ以上の tr 要素が続き、オプションで tfoot 要素が続き、オプションで 1 つと混合されます。以上のスクリプトをサポートする要素。

于 2013-04-22T19:44:30.093 に答える
12

最大で 1 つと 1theadつしかtfoot 許可されないため、追加のヘッダーを作成しないでください。結局のところ、「時刻」、「温度」、「現在燃えている猫の数」など、列に意味が与えられますth。thead

リスト内のエントリが関連している場合、それらはすべて同じテーブルにある必要があり、その関係を表示する適切なヘッダーを提供する必要があります。

エントリが実際には無関係である場合は、それらすべてに対して 1 つのテーブルを提供する必要があります。すべてのテーブルに同じ CSS を適用して、良い結果を得ることができます。

于 2013-04-22T19:48:24.717 に答える
4

私はそれを属性のようなものだと考えていidます。それらは一意であるはずですが、実際には同じページで再利用でき、選択することもできます。 とはいえ、それができるからといって、それをしなければならないというわけではありません。

私はそれに対してお勧めします。

于 2013-04-22T19:45:19.830 に答える