¿Es posible, usando solo CSS, establecer diferentes estilos en filas pares e impares para una tabla generada dinámicamente sin que yo mismo configure el estilo correcto en cada fila cuando itero la colección?Diferente estilo CSS en filas pares e impares
No estoy seguro de que esto funcionará entre navegadores, prefiero jQuery mí mismo, pero css, sólo que esta debería hacer el truco:
tr:nth-child(even) { ... }
tr:nth-child(odd) { ... }
Bueno, es un navegador cruzado para el conjunto de navegadores que no chupan ... –
Puede utilizar el selector nth-childhttp://reference.sitepoint.com/css/pseudoclass-nthchild, aunque no es compatible con todos los navegadores.
También puede utilizar jQuery como se describe What is the best way to style alternating rows in a table?
Eso es 'nth-child' ... =) –
whoops, gracias por atrapar ese –
Puede hacerlo con CSS3.
tr:nth-child(2n+1) /* targets all odd rows */
tr:nth-child(2n) /* targets all even rows */
puede simplemente usar jQuery y agregar la clase para las filas impares como
$("tr:nth-child(odd)").addClass("odd");
y estilo usando CSS como
.odd{background-color:#657383}
Vea aquí para una demostración del 'enésima child' respuestas: http://stackoverflow.com/questions/5080699/using-css-even-and-odd-pseudo-selectors-with-list-items – thirtydot
No debe confundir Java y JavaScript (fue retenido por usted). Ver: http://stackoverflow.com/questions/245062/whats-the-difference-between-javascript-and-java – thirtydot
+1 para jQuery, existe por una razón, y realmente no hay razones válidas para no usar si estás usando JavaScript para comenzar. –