Início
phpBB3 
PunBB
Invision
Galera, estou finalizando um detalhe aqui na tabela, é o seguinte, quando clicar no botão Finalizado a linha correspondente ao botão ficará verde o mesmo para quando clicar em cancelar ficará vermelho.
Vejam o código, essa é minha tabela:
E esse é o jquery que adiciona os botão, agora só me falta fazer o efeito
Vejam o código, essa é minha tabela:
- Código:
<table class="table table table-striped table table-bordered table table-hover" >
<caption>Controle dos pedidos</caption>
<thead>
<tr>
<th>#</th>
<th>Nome do Cliente</th>
<th>Nome do Produto</th>
<th>Quantidade</th>
</tr>
</thead>
<tbody>
<?php while($pedido = mysqli_fetch_assoc($resultado)) : ?>
<tr class="tabela">
<th scope="row"><?php echo $pedido['id']; ?></th>
<td><?php echo $pedido['nomeCliente']; ?></td>
<td><?php echo $pedido['nomeProduto'];?></td>
<td><?php echo $pedido['total'];?></td>
</tr>
<?php endwhile; ?>
</tbody>
</table>
E esse é o jquery que adiciona os botão, agora só me falta fazer o efeito
- Código:
$(document).ready(function () {
$('.tabela').each(function () {
var sHtml = '<div>' +
'<span class="finalizado btn btn-success">Finalizado</span>' +
'<span class="cancelado btn btn-danger">Cancelado</span>' +
'</div>';
$(this).append(sHtml);
});
});
