domingo, 9 de enero de 2011

Estilo Zebra


<td class=”primero”>Hola como estas </td>
<td class=”segundo”>Hola como estas </td>

 
Usando propiedades de CSS, realizar este efecto es muy sencillo ya que solo hace falta de usar clases distintas para cada unda las filas donde se desea utilizar como lo siguiente:


Y aplicar un color diferente a cada una de las clases, pero en nuestra aplicación nosotros utilizamos esta ventaja de solo usar color de background en javascript, por motivo de que decidimos implementarla en un tabla donde se actualizaban datos mediante AJAX y la tabla se generaba dinámicamente por lo tanto se procedió a realizar lo siguiente:
Utilizando la propiedad de background de esta manera, este código va dentro de un for en comando javaScript:
Cuadro de texto: var td = document.createElement("td");
 if(i%2==0)
      td.style.background="rgb(212,227,231)";

No hay comentarios:

Publicar un comentario