Sommaire

Le survol des lignes CSS POUR LES TABLEAUX:Survol des lignes

Pour activer une mise en évidence des lignes survolées par le pointeur de la souris, ajoutez la classe .table-hover à l’élément <table>.

Le code HTML :

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

La mise en évidence de la deuxième ligne de données survolée :

images/C04-004.png

Le style CSS utilisé pour le survol (:hover) :

.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th { 
  background-color: #f5f5f5; 
}