Est-il possible d'utiliser plus d'un élément thead ou tfoot dans un tableau ?

Question

Imaginez une liste de listes semblable à celle-ci :

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

Sans tenir compte de l'argument selon lequel les tableaux sont destinés aux données et non à la conception, je voulais afficher un seul tableau pour les éléments suivants list et avoir une <thead> y <tbody> pour chaque entrée dans list .

Est-ce que c'est techniquement valable ? Cela fonctionne dans le navigateur, mais mon Les sens des araignées sont en éveil sur cette affaire. .

Answer 1

Vous pouvez avoir autant de <tbody> éléments que vous voulez, mais pas plus d'un pour chacun des éléments suivants <thead> y <tfoot> . Référence :

Modèle de contenu :

Dans cet ordre : éventuellement un élément caption, suivi de de zéro ou plusieurs éléments colgroup, f suivi de zéro ou plusieurs éléments tbody ou d'un ou plusieurs éléments tr, suivi éventuellement d'un élément tfoot. , mélangé avec un ou plusieurs éléments de support de script.

Answer 2

Il y a au plus un thead et un tfoot autorisé Vous ne devez donc pas créer d'en-têtes supplémentaires. Après tous les th dans un thead donne un sens à vos colonnes, comme "heure de la journée", "température", "nombre de chats actuellement en feu".

Si les entrées de votre liste sont liées, elles doivent toutes se trouver dans la même table et vous devez prévoir un en-tête adapté pour afficher cette relation.

Si les entrées ne sont pas liées, vous devez fournir un seul tableau pour chacune d'entre elles. Vous pouvez toujours appliquer le même CSS sur chaque tableau pour obtenir un résultat agréable.

Answer 3

Je considère que c'est comme id attributs. Ils sont censés être uniques, mais vous pouvez en fait les réutiliser dans la même page et vous pouvez toujours les sélectionner. Cela dit, ce n'est pas parce que c'est possible qu'il faut le faire.

Je vous le déconseille.