Bootstrap : cacher des lignes d'un tableau

Par Clément Guidon, il y a 7 ans

Les bases HTML/CSS

Bonjour,

Voila je rencontre un petit problème avec mon code.
Je cherche à cacher 3 lignes (V, N et D) de ce tableau sur smartphone (d'où le hidden-xs).
Problème : le "<div class="col-md-12 col-sm-12 hidden-xs">" ne resout pas ma demande, il ne change rien.

<div class="col-md-12 col-sm-12 col-xs-12"> <div class="panel panel-default"> <div class="panel-heading"> <h4><i class="fa fa-fw fa-cubes"></i> Classement</h4> </div> <table class="table"> <thead> <tr> <th>Position</th> <th>Equipe</th> <th>Pts</th> <div class="col-md-12 col-sm-12 hidden-xs"> <th>V</th> <th>N</th> <th>D</th> </div> </tr> </thead>

J'aimerai, si possible, rester en HTML et ne pas avoir à créer un CSS.
Si un d'entre vous a la solution, ca serait super sympa ;)
Merci d'avance pour votre aide.

4 réponses

Balsakup, il y a 7 ans

:O Sacrilège, c'est interdit de faire ça, une div n'a pas le droit d'être enfant d'un tr

<div class="col-md-12 col-sm-12 hidden-xs"> <th>V</th> <th>N</th> <th>D</th> </div>
Clément Guidon, il y a 7 ans

Je trouvais ca aussi un peu "fouilli", avez vous une meilleure solution ?

Balsakup, il y a 7 ans

Tu dois ajouter aux th et td que tu veux cacher la classe hidden-xs

Clément Guidon, il y a 7 ans

Merci bcp, ca fonctionne !