Foros del Web » Programando para Internet » Jquery »

Alternar colores de filas con Jquery Datatables

Estas en el tema de Alternar colores de filas con Jquery Datatables en el foro de Jquery en Foros del Web. Hola a todos. Tengo una duda a ver si me pueden ayudar. Tengo una tabla hecha con Jquery DataTables (Web Oficial del Framework: www.datatables.net ). ...
  #1 (permalink)  
Antiguo 29/08/2011, 09:32
Avatar de futurosoft  
Fecha de Ingreso: diciembre-2008
Mensajes: 28
Antigüedad: 15 años, 11 meses
Puntos: 0
Alternar colores de filas con Jquery Datatables

Hola a todos.

Tengo una duda a ver si me pueden ayudar. Tengo una tabla hecha con Jquery DataTables (Web Oficial del Framework: www.datatables.net ).

Cuando me imprime los resultados las filas de los mismos son blancas. La cosa es que quiero ponerlas para que las impares sean de un color y las pares de otro. Hasta aquí ok, lo he conseguido, el problema es cuando hago uso del sorter de la cabecera. Al ordenarlas, los colores de los registros se mantienen y entonces ya no se alternan.

El código que he usado para cambiar los colores es este:

$(document).ready(function(){
$("tr:odd").css("background-color", "#ddd"); // filas impares
$("tr:even").css("background-color", "#ccc"); // filas pares
})


¿Alguna idea? Gracias a todos!

Última edición por futurosoft; 29/08/2011 a las 09:40
  #2 (permalink)  
Antiguo 29/08/2011, 10:03
Avatar de futurosoft  
Fecha de Ingreso: diciembre-2008
Mensajes: 28
Antigüedad: 15 años, 11 meses
Puntos: 0
[SOLUCIONADO] Alternar colores de filas con Jquery Datatables

Buscando y buscando al final lo he solucionado. Lo expongo aquí por si alguien también lo necesita.

En JavaScript añadir el siguiente código que dice que a las filas pares, añadir la clase css que definirá el color:

$("tr:even").addClass("even");


La clase en CSS:

.even
{
background-color: #eff6fd;
}

Si queremos que sea las impares, simplemente sustituir "even" por "odd".

Saludos.
  #3 (permalink)  
Antiguo 28/12/2012, 15:25
Avatar de cristo995  
Fecha de Ingreso: noviembre-2012
Mensajes: 187
Antigüedad: 12 años
Puntos: 0
Respuesta: [SOLUCIONADO] Alternar colores de filas con Jquery Datatables

mmm .
lo malo de este codigo es q puedo seleccionar mas de 1 fila y solo necesito q se puede seleccionar 1 sola.

ejemplo .

si selecciono 1 fila se marca en rojo y si hago click en otra automaticamente la anterior fila buelve a su estado normal y en la que de click se marque de color rojo.
para asi proceder a eliminarla .

pero encambio con este codigo si doy click en 1 fila se colorea de rojo y si doy click en otra tambien se colorea manteniendo la 1 tambien coloreada .

y solo necesito que se marque 1 sola por click.

me podria echar una mano please..

Etiquetas: colores, datatables, filas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:21.