[HTML] Une table dans une table, est-ce possible ?

Bonsoir à tous.
Mon problème est assez particulier.

Je vais essayer d'être le plus clair possible.

On va dire que j'ai deux tables MySQL. Categorie et Produits.

Categorie possède ces colonnes suivantes :
id, nom, référence.

En HTML, je liste donc mes différentes catégories pour les afficher dans un tableau (HTML).

Ce qui donne quelque chose du genre

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<table> <tr> <td>Id</td> <td>Nom</td> <td>Référence</td> </tr> <?php foreach ($Categories as $cat) { ?> <tr> <td><?php echo $cat['id']; ?></td> <td><?php echo $cat['nom']; ?></td> <td><?php echo $cat['ref']; ?></td> </tr> <?php } ?> </table>

---

Donc jusque là tout va bien.
Mais maintenant, j'aimerai que quand je clique sur une catégorie (un des noms listé), j'ai un nouveau tableau HTML qui apparaissent, JUSTE EN DESSOUS de la catégorie cliquée, qui me liste dans un nouveau tableau HTML les produits liés (donc avec plusieurs lignes et plusieurs colonnes).

Je ne peux bien sûr pas mettre un <table>...</table> entre deux <tr>, donc comment faire ?

A noter que le tout est agrémenté d'Ajax (pour faire un effet quand je clique sur une catégorie, récuperer les produits affectés à la catégorie, etc). Mais de ce côté là je n'ai pas de problèmes. C'est juste au niveau du respect des standards html !

Merci de votre aide !

Citation:

---

Je ne peux bien sûr pas mettre un <table>...</table> entre deux <tr>, donc comment faire ?

---

Par contre tu peux mettre un <table>...</table> entre <td> et </td>. Ce n'est pas très propre à mon avis, mais ça passe à la validation

Oui ca devrait passer à la validation.
Le problème c'est que je veux les mêmes colonnes que la table mère, or si je met mon table fils dans un td, cela ne marchera pas.

A moin de mettre un colspan sur le td ?

Je vais peut-être envisager d'utiliser le td avec colspan. Si quelqu'un à une meilleure idée, je suis preneur !!

Citation:

---

Envoyé par popo

Par contre tu peux mettre un <table>...</table> entre <td> et </td>. Ce n'est pas très propre à mon avis, mais ça passe à la validation

---

+1, c'est en effet possible.

Citation:

---

Je vais peut-être envisager d'utiliser le td avec colspan.

---

Le colspan te permettra de fusionner des cellules au sein de ta table. Tout dépend ensuite de ce que tu veux faire exactement. Un p'tit dessin / schéma pourrait permettre d'y voir + clair... ;)

Je veux bien faire un schéma, mais avec quoi ?

Ya pas un truc genre "google schéma" ? :p

jvais tenter de l'ascii art :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

--------------------------- | > | Id | Nom | Référénce| --------------------------- | > | 1 | Cat1 | R_65266 | --------------------------- | > | 2 | Cat2 | R_23576 | --------------------------- | v | 3 | Cat3 | R_23433| --------------------------- ---------------------- | Id | Nom | ---------------------- | 1 | Produit 1 | ---------------------- | 2 | Produit 2 | ---------------------- --------------------------- | > | 4 | Cat4 | R_56754 | --------------------------- | > | 5 | Cat5 | R_23647 | ---------------------------

---

j'espère que la mise en page va pas tout casser
Donc le sous tableau apparaîtrait lorsque l'on clique sur une catégorie. Sinon c'est caché.
J'espère que l'image là est assez explicite :p

Merci pour votre aide :)

As-tu essayé un truc dans le genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<table> <tr> <td>Id</td> <td>Nom</td> <td>Référence</td> </tr> <?php foreach ($Categories as $cat) { ?> <tr> <td><?php echo $cat['id']; ?></td> <td><?php echo $cat['nom']; ?></td> <td><?php echo $cat['ref']; ?></td> </tr> <?php } ?> <tr> <td colspan="3">   <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>Id</td><td>Nom</td> </tr> <tr> <td>1</td><td>Produit 1</td> </tr> </table>   </td> </tr> </table> </table>

---

?

En fait voila, c'est la solution que je pensais utiliser dans mon précédent-précédent post (#3), le colspan.

Je me demandais juste s'il n'y avais pas une autre possibilité :p
D'après ta position (qui est la même, ndlr), je pense que c'est la meilleure idée :)

Merci de vos conseils :)

Ton tableau étant généré dynamiquement, je pense que cette solution est la plus simple. Centre le 2ème tableau au sein du 1er et vérifie que cela est valide au niveau W3C (mais je pense que oui).

Pense au tag Résolu si tout est Ok ;)

Oué je pense que c'est la meilleure solution.
Espérons que ca passe le W3C mais ca devrait le faire quand on voit les sites full <table> pour centrer le tout ;)

Merci de vos aides !

[Resolu] :p