0

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

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .