none
Cambiar Color de una Celda Segun el Valor que Tenga RRS feed

  • Pregunta

  • Quiero Cambiar el color de la celda de una tabla segun el valor que tenga, es de Decir,

    Tengo un campo que se llama Estatus y el mismo puede ser: Nuevo, Modificado, Finalizado

    necesito que el color de fonde de ese Td cambie segun el estatus, Si es nuevo que sea verde, si es modificado sea amarillo y si es finalizado que sea azul.

    La verdad no tengo idea como realizarlo.

    miércoles, 21 de noviembre de 2012 20:48

Respuestas

  • Pues habría que ver qué tipo de aplicación web está haciendo para darle detalles específicos.

    En general el asunto es sencillo:  Defina 3 estilos en una hoja de estilo de la página web:  td.Nuevo, td.Modificado y td.Finalizado.  Cada uno de estos estilos tendría el color de fondo deseado según su propósito.

    Finalmente, es cuestión de aplicar la clase correcta según el valor contenido.  Puede hacerse de varias maneras dependiendo de si está usando ASP.net webforms, ASP.net MVC u otro.

    De primera entrada creo que una buena opción válida para muchos escenarios podría ser usar jQuery:

    $(function()
    {
        $('#tabla tr td.Estatus').each(function()
        {
            var valor = $(this).html();
            //Asumiendo que el html interno de las celdas no
            //contienen nada más excepto la palabra indicativa
            //de estado del registro:
            $(this).addClass(valor);
        });
    });


    Jose R. MCP
    Code Samples

    • Marcado como respuesta Optimus_24 miércoles, 21 de noviembre de 2012 21:08
    miércoles, 21 de noviembre de 2012 21:04
    Moderador