Estilo zebra en tablas con jquery
Para tener una tabla con estilo tipo zebra, es decir un renglon de un colo y otro de otro color. Es recomendado usar javascript extrusivo. Para eso nos auxiliamos de jquery.
Vamos la tabla antes de aplicar el estilo.
ahora despues de aplicar el estilo
El secreto consiste en poner una tabla con id, similar a esta:
<table style="width:100px" border="1" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
posteriormente usar el siguiente javascript (recuerda que es necesaria la librería jquery):
$("#table1 tr:even td").css("background-color", "#FFF");
$("#table1 tr:odd td").css("background-color", "#DEECF9");
Versión para impresión- Inicie sesión para enviar comentarios
Send to friend
PDF version
Bienvenidos a Webmaster Mexico
en Webmaster Mexico escribimos acerca de tendencías, trucos, las mejores prácticas, desarrollo de software, eventos y nuestros proyectos - Todo con énfasis en desarrollo web ver más...
Recursos Webmaster México
