Table en html

[Résolu/Fermé]
Signaler
Messages postés
273
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
29 août 2021
-
Messages postés
273
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
29 août 2021
-
Bonjour,
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

Messages postés
16868
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
21 septembre 2021
900
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" .
Messages postés
273
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
29 août 2021
15
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,