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
 });

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. [...]

Escribe un comentario

Comenta este post en Facebook