Table en html
Résolu
chabinot
Messages postés
391
Statut
Membre
-
chabinot Messages postés 391 Statut Membre -
chabinot Messages postés 391 Statut Membre -
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,
3 réponses
-
yg_be Messages postés 23437 Date d'inscription Statut Contributeur Dernière intervention Ambassadeur 1 588
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" . -
Bonjour,
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,
