Colorear filas par/impar de una tabla con jQuery
21 jun 2009 7 comentarios
Vamos a ver un sencillo ejemplo para colorear las filas par o impar de una tabla utilizando jQuery.
Para localizar las filas impares utilizaderos el selector “odd” de jQuery.
Para las filas pares utilizaremos el selector “even“.
$(document).ready(function(){
$("tr:odd").css("background-color", "#ddd"); // filas impares
$("tr:even").css("background-color", "#ccc"); // filas pares
});
$("tr:odd").css("background-color", "#ddd"); // filas impares
$("tr:even").css("background-color", "#ccc"); // filas pares
});
Mi nombre es Jorge, y soy de León. Desde hace algo más de 6 años trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.
7 Comentarios
Yanni Sanmiguel, el 07/07/2010 a las 22:37:20
MARAVILLOSO!!!
Tenia una tabla de 150 filas creada dinamicamente desde un archivo csv… y no tenia ni idea de como hacer esto…
PERFECTO, MIL GRACIAS!!!
N4CH0, el 08/09/2010 a las 23:03:58
Gracias por el codigo, me fue muy util a la hora de realizar reportes.
GRACIAS!!!!
Vladimir, el 12/09/2010 a las 00:53:04
no me canso de admirar a jquery…
Esteban, el 20/09/2010 a las 21:55:15
Hola!. Probé este ejemplo pero en IE7 no me funciona. En firefox anda perfectamente.
Alguna solucion?
Gracias…
ivan, el 29/01/2011 a las 22:52:35
tambien se hace con PHP, si tuvieras registros dinamicos
variable en 0
si la variable es 0, un color, sino otro .. ++
Victor, el 20/04/2011 a las 23:32:22
maginifico gracias por la ayuda!
Colorear filas una tabla con jQuery | Aprendiz de webmaster, el 14/01/2012 a las 21:20:50
[...] Colorear filas par/impar de una tabla con jQuery – Bufa Webmaster. [...]