27/05/2005, 11:50
| ||||
| ||||
 Diferentes colores en las filas de una tabla Es la primera vez que escribo algo en el foro de CSS y no estoy seguro si se puede hacer en el estilo o se necesita cambiar el código (tampoco lo sé hacer por código). Pues tabajo en .NET, tengo una tabla (DataGrid) y quiero que quede en dos colores intercalados por filas, es decir, una fila de un color, la siguiente de otro color, la siguiente del primer color, la siguiente del segundo color... Como lo harián  , es posible colocar un color a las filas pares y otro a las impares  Les encargo un manualito de CSS o algo así |
|
27/05/2005, 13:04
| ||||
| ||||
| Hola CarlosAndres: La parte css de tu pregunta es muy básica... .par {background-color: black; color: white;} .impar {background-color: white; color: black;} Y la asignación del estilo o clase dependerá del lenguaje... No tengo idea del manejo de .NET, pero en javascript es llevar un contador y asignar la clase según sea par o impar (dividir por 2 y ver el resto) Espero que te sirva. Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
27/05/2005, 13:37
| |||
| |||
| Cita: Yo lo hice así, y funcionaba muy bien.
Iniciado por caricatos Hola CarlosAndres: La parte css de tu pregunta es muy básica... .par {background-color: black; color: white;} .impar {background-color: white; color: black;} Y la asignación del estilo o clase dependerá del lenguaje... No tengo idea del manejo de .NET, pero en javascript es llevar un contador y asignar la clase según sea par o impar (dividir por 2 y ver el resto) Espero que te sirva. Saludos |
|
28/05/2005, 00:12
| ||||
| ||||
|
Código:
Saludos <html>
<head>
<script language="javascript">
function pinta(){
cual=document.getElementById("tabla").rows;
for(a=0;a<cual.length;a++){
color(a);
}
}
function color(b){
if(b%2==0)
cual[b].style.backgroundColor="#ff0000";
else
cual[b].style.backgroundColor="#0000ff";
}
</script>
</head>
<body onload="pinta()">
<table width=200 height=300 border=0 id="tabla">
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
</table>
</body>
</html>
 |
