2009-08-19 44 views
5

En "Información de herramientas de datos personalizados en jqGrid 3.4" discusión, llegó a saber cómo usar setcell para cambiar el color del texto dentro de una celda de jqgrid. ¿Cómo podemos cambiar el color de fondo de la celda?Jqgrid establecer color de fondo de celda

intentado el siguiente

jQuery("#list").setCell (row,col,'',{ background-color:'red'}); 

jQuery("#list").setCell (row,col,'','',{ bgcolor:'red'}; 

Respuesta

1
jQuery('#list').setCell('12','name','',{'background-color': 'red'},''); 

estás poniendo la fila derecha de identificación? ¿El colName correcto?

También faltan las citas en color de fondo.

+0

Estoy de acuerdo con css, pero usaría un formateador personalizado jqGrid para agregar una clase al td y luego construir el CSS alrededor de las clases, no de la posición. Recuerde, hay complementos que permiten a los usuarios reordenar columnas. –

+0

@ Craig Stuntz: Cambié mi respuesta para usar el método provisto por sachin. Cuando los usuarios reordenan columnas, la cuadrícula se genera nuevamente y pierde todas sus clases. –

13

Uso fondo en lugar de normas específicas como background-color:

jQuery("#list").setCell (row,col,val,{background:'#ff0000'}); 
+0

¿Por qué? ¿Qué pasa con el uso de color de fondo? Por favor, comparta esa información también – Zasz

+0

Por lo que yo sé, no tiene nada de malo, aparte de que es un poco menos intuitiva que el resto de la API de jQGrid. Parece que las reglas específicas como el color de fondo se deben pasar entre comillas, por ejemplo: $ ("# list"). SetCell (row, col, val, {'background-color': 'red'}); –

3
jQuery("#list").setCell (row,col,'',{ 'background-color':'red'}) 

Esto no funciona en IE para mí (bien en Firefox y cromo), así que hice lo sugerido Jon Weers y cambió a:

jQuery("#list").setCell (row,col,'',{'background':'#ff0000'}); 

y esto funcionó en firefox, cromo e IE para mí.

Lo siento, mi cuenta es demasiado nueva para votar, o aparentemente comentar, de lo contrario simplemente votaría por la publicación de Jon.

+0

Gracias Aaron :) –

Cuestiones relacionadas