Table en html
Résolu
chabinot
Messages postés
322
Date d'inscription
Statut
Membre
Dernière intervention
-
chabinot Messages postés 322 Date d'inscription Statut Membre Dernière intervention -
chabinot Messages postés 322 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai fait une table dont volilà le code :
J'utilise le css de bootstrap.
Dans la partie <tbody>, j'ai divisé en deux cellules :
<td colspan="2">Confirmer</td><td>Supprimer' . '</td>.
Cela marche bien, cependant, dans la partie <thead>, le <<th scope="col">Action</th> ne remplit pas toute la place.
Voilà une capture d'écran :
Merci de votre aide,
Cordialement,
J'ai fait une table dont volilà le code :
<table class="table table-striped table-bordered">
<thead class="text-center">
<tr>
<th scope="col">Identifiant</th>
<th scope="col">Nom</th>
<th scope="col">Pseudo</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody>
<?php foreach ($bdd->query('SELECT * FROM membres') as $m) : ?>
<?= '<tr><td class="text-center">' . $m->id . '</td><td class="text-center">' . $m->name . '</td><td class="text-center">' . $m->pseudo . '</td><td colspan="2">Confirmer</td><td>Supprimer' . '</td></tr></tr>' ?>
<?php endforeach; ?>
</tbody>
</table>
J'utilise le css de bootstrap.
Dans la partie <tbody>, j'ai divisé en deux cellules :
<td colspan="2">Confirmer</td><td>Supprimer' . '</td>.
Cela marche bien, cependant, dans la partie <thead>, le <<th scope="col">Action</th> ne remplit pas toute la place.
Voilà une capture d'écran :
Merci de votre aide,
Cordialement,
A voir également:
- Table en html
- Table ascii - Guide
- Table des matières word - Guide
- Editeur html - Télécharger - HTML
- Table des caractères - Guide
- Table des figures google doc ✓ - Forum Word
3 réponses
yg_be
Messages postés
23541
Date d'inscription
Statut
Contributeur
Dernière intervention
Ambassadeur
1 584
bonjour, peux-tu plutôt partager le code source html de ta page?
Bonjour
Dans ton thead, on ne voit que quatre cellules <th>
Dans ta ligne ensuite, il y a cinq cellules <td>, dont une avec le colspan ="2" ; cela représente donc la largeur de 6 cellules. Tu ne peux pas les mettre en correspondance avec quatre titres !
Je ne sais pas ce que tu cherchais à faire exactement, mais je pense que tu aurais dû mettre le colspan=2 au niveau de ton <th>Action pour qu'il chapeaute les deux colonnes "confime" et "supprime" .
Dans ton thead, on ne voit que quatre cellules <th>
Dans ta ligne ensuite, il y a cinq cellules <td>, dont une avec le colspan ="2" ; cela représente donc la largeur de 6 cellules. Tu ne peux pas les mettre en correspondance avec quatre titres !
Je ne sais pas ce que tu cherchais à faire exactement, mais je pense que tu aurais dû mettre le colspan=2 au niveau de ton <th>Action pour qu'il chapeaute les deux colonnes "confime" et "supprime" .
Bonjour,
Merci de ta réponse, j'ai pu résoudre le problème:
Voilà cooment j'ai pu m'en sortir :
Cordialement,
Merci de ta réponse, j'ai pu résoudre le problème:
Voilà cooment j'ai pu m'en sortir :
<table class="table table-bordered table-striped">
<caption><h4>Liste des membres</h4></caption>
<thead class="text-center">
<tr>
<th scope="col">Identifiant</th>
<th scope="col">Nom</th>
<th scope="col">Pseudo</th>
<gras> <th colspan="2" class="text-center">Action</th></gras>
</tr>
</thead>
<tbody>
<?php foreach ($bdd->query('SELECT * FROM membres') as $m) : ?>
<?= '<tr><td class="text-center">' . $m->id ?>
<?= '</td><td class="text-center">' . $m->name ?>
<?= '</td><td class="text-center">' . $m->pseudo ?>
<?= '</td><td <gras>scope="row" </gras>class="text-center"><a href="index.php?confirme='. $m->id . '" class="btn btn-success btn-sm">Confirmer</a>' ?>
<?= '</td><td <gras>scope="row" </gras>class="text-center"><a href="index.php?confirme='. $m->id . '" class="btn btn-danger btn-sm">Supprimer</a>' ?>
<?= '</td></tr>' ?>
<?php endforeach; ?>
</tbody>
</table>
Cordialement,
