Più <thead>/<tbody> in Tabella valido?

Question

Immaginate una lista di liste simile a questo:

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

Ora dimenticare tutto "I tavoli sono per i dati non progettare" argomento, ho voluto per visualizzare un singolo tavolo per list e hanno un separato <thead> e <tbody> per ogni voce in list.

È tecnicamente valido? Funziona nel browser, ma il mio spider senses are tingling on this one.

Answer 1

È possibile disporre di tutti gli elementi <tbody> come desiderato, ma non più di uno ciascuno di <thead> e <tfoot>. Reference:

modello contenuto:

In questo ordine: opzionalmente un elemento didascalia, seguita da zero o più elementi COLGROUP, seguito opzionalmente da un elemento thead , seguito da zero o più elementi tbody o uno o più elementi tr, seguiti facoltativamente da un elemento tfoot, facoltativamente mescolati con uno o più elementi di supporto dello script.

Answer 2

Ritengo che sia proprio come gli attributi id. Dovrebbero essere unici, ma puoi effettivamente riutilizzarli nella stessa pagina e puoi ancora selezionarli. Detto questo, solo perché può essere fatto non significa che dovrebbe essere fatto.

Vorrei raccomandarlo.

Answer 3

C'è al massimo uno thead e uno tfootallowed, quindi non è necessario creare intestazioni aggiuntive. Dopotutto lo th in un thead dà un significato alle tue colonne, come "ora del giorno", "temperatura", "quantità di gatti attualmente in fiamme".

Se le voci nell'elenco sono correlate dovrebbero essere tutte nella stessa tabella e si dovrebbe fornire un'intestazione adatta per visualizzare tale relazione.

Se le voci sono effettivamente non correlate, è necessario fornire una tabella singola per ciascuna di esse. Puoi comunque applicare lo stesso CSS su ogni tabella per ottenere un risultato positivo.