twitter-bootstrap - plantillas - tablas dinamicas bootstrap

Bootstrap table row hover

Question

¿Cómo puedo hacer que el cambio de fondo de una fila de la tabla en Bootstrap 3 el mouse sobre ella? La clase de tabla que estoy usando en este momento es table table-striped . Traté de agregar una clase extra a las etiquetas <tr> dentro de la tabla e hice el CSS como este .table-row:hover{background:black;} . Ahora solo las filas sin rayas están funcionando. ¿No hay una clase en bootstrap que me permita implementar esto fácilmente? ¿O debería usar JQuery para arreglar esto? Realmente no puedo entender esto por mi cuenta.

Answer 1

Necesita agregar la clase table-hover al elemento <table/> . Me gusta esto:

<table class="table table-striped table-hover">
    <tbody>
       <tr>
           <td>Col 1</td>
           <td>Col 2 </td>
       </tr>
    </tbody>
</table>

Fuente: Documentation