Skip to main content
etiquetas editadas
Enlace
Bender Paisa
  • 12.5k
  • 4
  • 28
  • 42
Origen Enlace

¿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');
});