Tutorial Configuracion Table Component

[vgv]

Holas 

Este tutorial consiste en como se puede designar un color a una columna de un table Component

Primeramente debemos ya tener asignada nuestra sql a un table component, lo cual nos dara como resultado ya una tabla con datos

tabla.png

Una vez que tenemos lista nuentra tabla nos vamos componentes y en advance 

y en la opción de  "Draw Function"

opcionesTabla.png

y agregamos este código 

function f() {
var col=2; //Este es el numero de la columna que queremos analisar
var idTabla=this.htmlObject; //Obtenemos el nombre de la propiedad htmlObject



var percCells = $('#'+idTabla+' td:nth-child('+col+')');//Obtenemos todos los valores de la columna
percCells.each(function(){   //Recorremos el arreglo
var valor = $(this).text();//se toma el valor de la celda
if (valor>95)   //realizamos la validación que necesitemos
$(this).addClass('verde');
else if (valor>87)
$(this).addClass('amarillo');
else if (valor>55)
$(this).addClass('naranja');
else
$(this).addClass('rojo');
});
}

 Espero les sea de ayuda  y Gracias a Mariano que me apoyo.

Saludos