Tenho uma tabela de uma empresa que pegar os registro do banco, e uma datatable mais quando estou navegando por pagina, as vezes nao abre o modal com as informação.
<table id="table" border='1' style='border-collapse: collapse;'>
<thead>
<tr>
<th>ID</th>
<th>CNPJ</th>
<th>Email</th>
<th>Razão Social</th>
<th>Fantasia</th>
<th class='detalhes'>Datalhes</th>
</tr>
</thead>
<tbody id="table">
<?php
$query = "select * from empresa";
$result = mysqli_query($con,$query);
while($row = mysqli_fetch_array($result)){
$id = $row['idEmpresa'];
$cnpj = $row['cnpjempresa'];
$email = $row['emailempresa'];
$razao = $row['razaoEmpresa'];
$fantasia = $row['fantasiaEmpresa'];
// var_dump($result);
echo "<tr>";
echo "<td>".$id."</td>";
echo "<td>".$cnpj."</td>";
echo "<td>".$email."</td>";
echo "<td>".$razao."</td>";
echo "<td>".$fantasia."</td>";
echo "<td class='detalhes'>";
echo "<button data-id='".$id."' class='userinfo'>Visualizar</button>";
"</td>";
echo "</tr>";
}
?>
</tbody>
</table>
Datatable
var table = new DataTable('#table', {
language: {
url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/pt-BR.json',
},
});
ajax
$(document).ready(function(){
$('.userinfo').click(function(){
var userid = $(this).data('id');
// AJAX request
$.ajax({
url: 'ajaxfile.php',
type: 'post',
data: {userid: userid},
success: function(response){
// Add response in Modal body
$('.modal-body').html(response);
// Display Modal
$('#empModal').modal('show');
}
});
});
});