Sommaire

Les tableaux étroitisés CSS POUR LES TABLEAUX:Tableau étroitisé

La classe .table-condensed permet d’obtenir des largeurs de cellules plus petites en diminuant le remplissage interne des cellules avec la propriété padding. Ajoutez cette classe à l’élément <table>.

Le code HTML :

<table class="table table-condensed"> 
   ... 
</table>

L’affichage obtenu :

images/C04-005.png

Le style CSS utilisé :

.table-condensed thead > tr > th, .table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th, .table-condensed thead > tr > td,
.table-condensed tbody > tr > td, .table-condensed tfoot > tr > td { 
   padding: 5px; 
}