How can I apply color to a second column if the condition is APPROVED or REJECTED?

0
introducir el código aquí

    <style type="text/css" rel="stylesheet">

.APROBADO{
    background-color: red;         
}

.RECHAZADO{
    background-color: red;          
}
</style>

function cargaPagina(pagina)
{
    var desde = pagina * itemsPorPagina;
    $.ajax({
        data:{"param1":"dame","limit":itemsPorPagina,"offset":desde},
        type:"GET",
        dataType:"json",
        url:"Conexion_Tabla_Cotizacion.php"
    }).done(function(data,textStatus,jqXHR){

        var lista = data.lista;

        $("#miTabla").html("");

        var colorsStyle = [
        "APROVADO", "RECHAZADO"        
        ]


        $.each(lista, function(ind, elem){

//Obtengo la fecha del elemento actual en la iteración
var fecha_str = elem.estado_orden_compra_venta.toString();
//Obtengo el número del mes, y le resto 1 para poder asociarlo al arreglo ya que este comienza en el índice 0 y el primer mes es el 
var classs = colorsStyle[fecha_str];


$("<tr>"+

    '<td>'+elem.razon_social_empresa+'</td>'+
    '<td><a target="_blank" href="Mostrar_PDF.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_solicitud_pedido+'</a></td>'+

             //cotizacion//


             '<td><a target="_blank" href="Mostrar_PDF_Cotizacion.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_solicitud_cotizacion+'</a></td>'+
             '<td idpersona ="'+elem.id_solicitud_pedido+'">' +
             '<button class="btn btn-primary" onclick="abrir('+elem.id_solicitud_pedido+')">Modificar</button> '+

             //Orden de compra o venta//P

             '<td><a target="_blank" href="Mostrar_PDF_Orden_Compra_Venta.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_orden_compra_venta+'</a></td>'+

             '<td>'+elem.estado_orden_compra_venta+'</td>'+
             '<td idpersona ="'+elem.id_solicitud_pedido+'">' +
             '<button class="btn btn-primary" onclick="abrir1('+elem.id_solicitud_pedido+')">Ingresar</button> '+

            //Factura//
            '<td><a target="_blank" href="Mostrar_PDF_Factura.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_factura+'</a></td>'+
            '<td idpersona ="'+elem.id_solicitud_pedido+'">' +
            '<button type="button" class="btn btn-primary" onclick="abrir3('+elem.id_solicitud_pedido+')">Ingresar</button> '+'</td>'+ 

            // Estado Cotizacion

            '<td><a target="_blank" href="Mostrar_PDF_Estado_Cotizacion.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_estado_cotizacion+'</a></td>'+
            '<td>'+elem.fecha_pago_estado+'</td>'+
            '<td idpersona ="'+elem.id_solicitud_pedido+'">'+
            '<button type="button" class="btn btn-primary" onclick="abrir4('+elem.id_solicitud_pedido+')">Ingresar</button> '+'</td>'+ 

            '</tr>').appendTo($("#miTabla"));

    });     


    }).fail(function(jqXHR,textStatus,textError){
        alert("Error al realizar la peticion dame".textError);

      });

    
asked by Monsiens 03.11.2017 в 22:44
source

2 answers

0
//Creo los estilos para cada mes, los colores son los que tu quieras.
<style type="text/css" rel="stylesheet">
    .enero{
      background-color: gray;         
    }
    .febrero{
      background-color: red;          
    }
    .marzo{
      background-color: white;        
    }
    .abril{
      background-color: green;        
    }
    .mayo{
      background-color: yellow;       
    }
    .junio{
      background-color: blue;         
    }
    .julio{
      background-color: violet;       
    }
    .agosto{
      background-color: pink;         
    }
    .septiembre{
      background-color: orange;       
    }
    .octubre{
      background-color: brown;        
    }
    .noviembre{
      background-color: aqua;         
    }
    .diciembre{
      background-color: lime;         
    }
</style>

//Dentro del done de tu ajax, reemplazalo por lo siguiente

var lista = data.lista;

$("#miTabla").html("");

//Establezo un arreglo con los nombres de las clases correspondientes a los meses
var colorsStyle = [
    "enero", "febrero", "marzo", "abril", "mayo", "junio",
    "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"        
]

$.each(lista, function(ind, elem){
    //Obtengo la fecha del elemento actual en la iteración
    var fecha_str = elem.fecha_pago_estado.toString();
    //Obtengo el número del mes, y le resto 1 para poder asociarlo al arreglo ya que este comienza en el índice 0 y el primer mes es el 1
    var mes = parseInt(fecha_str.split('-')[1])-1;
    //Establezco el nombre de la clase basado en el mes
    var class = colorsStyle[mes];
    //Asigno la clase a la fila actual antes de crearla
    $("<tr class=\""+class+"\">"+

        '<td>'+elem.razon_social_empresa+'</td>'+
        '<td><a target="_blank" href="Mostrar_PDF.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_solicitud_pedido+'</a></td>'+

 //cotizacion//


 '<td><a target="_blank" href="Mostrar_PDF_Cotizacion.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_solicitud_cotizacion+'</a></td>'+
 '<td idpersona ="'+elem.id_solicitud_pedido+'">' +
 '<button class="btn btn-primary" onclick="abrir('+elem.id_solicitud_pedido+')">Modificar</button> '+

 //Orden de compra o venta//P

 '<td><a target="_blank" href="Mostrar_PDF_Orden_Compra_Venta.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_orden_compra_venta+'</a></td>'+

 '<td  bgcolor="bbbbbb">'+elem.total_orden_compra+'</td>'+
 '<td idpersona ="'+elem.id_solicitud_pedido+'">' +
 '<button class="btn btn-primary" onclick="abrir1('+elem.id_solicitud_pedido+')">Ingresar</button> '+

//Factura//
'<td><a target="_blank" href="Mostrar_PDF_Factura.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_factura+'</a></td>'+
'<td idpersona ="'+elem.id_solicitud_pedido+'">' +
'<button type="button" class="btn btn-primary" onclick="abrir2('+elem.id_solicitud_pedido+')">Ingresar</button> '+'</td>'+ 

// Estado Cotizacion

'<td><a target="_blank" href="Mostrar_PDF_Estado_Cotizacion.php?id='+elem.id_solicitud_pedido+'">'+elem.archivo_estado_cotizacion+'</a></td>'+
'<td>'+elem.fecha_pago_estado+'</td>'+
'<td idpersona ="'+elem.id_solicitud_pedido+'">'+
'<button type="button" class="btn btn-primary" onclick="abrir3('+elem.id_solicitud_pedido+')">Ingresar</button> '+'</td>'+ 

'</tr>').appendTo($("#miTabla"));

});   
    
answered by 15.11.2017 / 14:29
source
2

When you are creating your table the <td></td> simply do a verification of when it is rejected for example

if(elem.archivo_estado_cotizacion === 1){
     <td class='columnaRoja'></td>
}else{
      <td></td>
}

and then you create a class in your CSS called Red column

.columnaRoja{
color : #FFF: 
background-color : red
}
    
answered by 15.11.2017 в 17:12