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.
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
Cambiar color de columna en tabla cuando pasa el cursor
- preguntó
- Web
- 438 Vistas
- 1 Respuestas
- solucionada
1 Respuesta
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 añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 689594
- 1
- Jul 5, 2015
Sin Respuesta
-
- 83
- 0
- Oct 18
-
- 166
- 0
- Jul 9
-
- 535
- 1
- Mar 19
-
- 410
- 2
- Feb 26
-
- 4735
- 0
- Nov 7, 2023
-
- 479
- 0
- Sep 19, 2023
-
- 464
- 0
- Ago 21, 2023
-
- 637
- 0
- May 14, 2023
- ver todas
Preguntas relacionadas
- ¿Cómo puedo cambiar el estilo del valor de ejemplo (placeholder) en un campo de texto?
- como cambiar el color de la fila en jqgrid
- Subconsulta en la misma tabla para sacar el valor de una columna en concreto
- La declaración física de las partes de una tabla y su efecto en el despliegue en HTML
- ponerle color a una tabla con Javascript
Actividad Reciente
alyvrs preguntó Oct 19
Ayuda , necesito mostrar datos creados solo por el…ManHol preguntó Jul 9
pasar un archivo de excel a csv en pythonArtEze respondió Abr 24
Alguien sabe, no me ignorenArtEze seleccionó una respuesta Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió Abr 24
No me deja instalar OracleArtEze respondió Abr 24
Formulario que guarde los datos de un jsonArtEze comentó Abr 24
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en django
Ultimas Preguntas
Preguntas relacionadas
- ¿Cómo puedo cambiar el estilo del valor de ejemplo (placeholder) en un campo de texto?
- como cambiar el color de la fila en jqgrid
- Subconsulta en la misma tabla para sacar el valor de una columna en concreto
- La declaración física de las partes de una tabla y su efecto en el despliegue en HTML
- ponerle color a una tabla con Javascript
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150480 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...