Skip to main content
1 de 2

¿Cambiar color de una celda?

Tengo una tabla en la cual imprimo varios datos, pero quiero que en la celda, estado, al estar en espera sea de un color, y la estar aprobado, de otro.

Intente con jQuery pero de momento no me ha funcionado.

<!--
.estado1 {background-color : #ffff99; }
.estado2 {background-color : #00ffff; } --> 
</style>
<table class="table table-responsive">
    <tr class="success">
        <th>No de Deposito</th>
        <th>No de Comprobante</th>
        <th>Monto</th>
        <th>Banco</th>
        <th>Tipo de Transacción</th>
        <th>Fecha de Comprobante</th>
        <th>Detalles</th>
        <th>Observaciones</th>
        <th>Fecha de Solicitud de Autorización</th>
        <th>Estado</th>
        <th>Fecha de Autorización</th>
    </tr>

@foreach($depositos as $deposito)
<tr>
    <td>{{ $deposito->id}}</td>
    <td>{{ $deposito->noboleta}}</td>
    <td>{{ $deposito->monto}}</td>
    <td>{{ $deposito->banco->nombre}}</td>
    <td>{{ $deposito->tipo->tipo}}</td>
    <td>{{ $deposito->fechaboleta}}</td>
    <td>{{ $deposito->detalles}}</td>
    <td>{{ $deposito->observaciones}}</td>
    <td>{{ $deposito->created_at}}</td>
    <td>{{ $deposito->estado->estado}}</td>
    <td>{{ $deposito->updated_at}}</td>
    <td>

    </td>
</tr>
@endforeach
</table>
<script src=”http://code.jquery.com/jquery-1.11.1.min.js” type=”text/javascript”></script>
 <script type=”text/javascript>
$(document).ready(function() {
   $('td:contains(“espera”)').addclass('estado1');
   $('td:contains(“aprobado”)').addclass('estado2');
});