Domanda

Essenzialmente quello che voglio fare è quello di applicare le classi CSS aggiuntivi per singole celle in una griglia di dati in base al valore della cella. Un esempio potrebbe essere quello di colorare il testo rosso quando un valore in dollari è negativo.

L'unica soluzione che ho trovato è stato quello di usare il formattatore della colonna per creare una stringa per un arco che ha la classe in base al valore passato. Immagino che ci deve essere un modo migliore.

È stato utile?

Soluzione

Quando si specifica la struttura, si passa in un oggetto che rappresenta la configurazione del widget per una determinata colonna. Nell'ambito di tale oggetto, includere una funzione formattatore nella definizione:

{
...
 formatter: function(val, rowIdx, cell) {
    classes = compute_classes(val, rowIdx, cell);
    cell.customClasses.push(classes);
  }
}

ma i tuoi '' compute_classes calcola le classi da utilizzare dipende da voi. Saranno applicate alla cella, e quindi è in grado di gestire la loro comparsa nel CSS.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top