Tabela Aprovacao
by Rapha Souza
HTML
<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="bs-example">
<table class="table table-bordered">
<thead>
<tr>
<th>Cod. Estab</th>
<th>Nome Estabelecimento</th>
<th>Codigo Emitente</th>
<th>Nome</th>
<th>Nº Documento</th>
<th>Parcela</th>
<th>Espécie</th>
<th>Vencimento</th>
<th>Valor R$</th>
<th>Ação</th>
</tr>
</thead>
<tbody>
<tr id="trOculta1">
<td>101</td>
<td>CIA DE DES ECON DE MG - CODEMIG</td>
<td>40001</td>
<td>CODEMGE (Ecommerce)</td>
<td>0000024</td>
<td>1</td>
<td>PB</td>
<td>20/02/2020</td>
<td>339.672,90</td>
<td>
<div id="botaoEnviar1">
<button type="button" id="1" class="btn btn-primary" onclick="enviar(this.id)">Enviar</button> </div>
<div id="botoesConfirma1" style="display: none">
<button type="button" id="1" class="btn btn-success btn-sm" onclick="confirma(this.id)">Sim</button>
<button type="button" id="1" class="btn btn-danger btn-sm" onclick="naoConfirma(this.id)">Não</button>
</div>
</td>
</tr>
<tr id="trOculta2">
<td>401</td>
<td>CIA DE DESENVOLVIMENTO DE MG - CODEMGE</td>
<td>45139</td>
<td>ACELERADORA DE NEGÓCIOS EM BIOTECNOLOGIA E CIÊNCIAS DA VIDA S/A</td>
<td>0010854</td>
<td>1</td>
<td>PP</td>
<td>20/02/2020</td>
...
JavaScript
function enviar(Clicked){
//alert(Clicked)
$("#botaoEnviar" + Clicked).hide()
$("#botoesConfirma" + Clicked).show()
}
function confirma(Clicked){
$("#trOculta" + Clicked).hide()
//alert(Clicked)
}
function naoConfirma(Clicked){
$("#botaoEnviar" + Clicked).show()
$("#botoesConfirma" + Clicked).hide()
}