entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Cambiar color de columna en tabla cuando pasa el cursor

Quisiera cambiar el color de una columna, de una tabla cada vez que el cursor le pase encima. He podido lograrlo con una fila, pero necesito que sea la columna.

1 Respuesta

1voto

Peter Puntos150470

Nativamente esto no se puede hacer sin un poco de Javascript. Necesitas definir una clase para td para cuando el cursor le pase encima, por ejemplo:

.resalta {
    background-color: yellow;
}

Sin embargo para que aplique la clase a sus tds hermanos necesitas el siguiente javascript con jQuery:

$('td').hover(function() {
    var t = parseInt($(this).index()) + 1;
    $('td:nth-child(' + t + ')').addClass('resalta');
},
function() {
    var t = parseInt($(this).index()) + 1;
    $('td:nth-child(' + t + ')').removeClass('resalta');
});

Prueba a ver si te funciona.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta