0

Tenho a seguinte função que retorna dados de uma consulta no banco e armazena em formato json na variável msg.

$.ajax({
        type: 'POST',
        dataType: 'html',
        url: page,

        data: {idtabela: idtabela},
        success: function (msg) {
            msg = $.parseJSON(msg);
 }
});

NO meu arquivo front-end, preciso popular esta tabela. Estou usando o plug DataTables

<table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
                                <thead>
                                    <tr>
                                        <th>Cliente</th>
                                        <th style="width: 50px">Carro</th>
                                        <th style="width: 50px">Data</th>
                                        <th style="width: 150px">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr class="odd gradeX">
                                        <td>> </td>
                                        <td> </td>
                                        <td> </td>
                                        <td style="text-align: center">
                                            <a class="btn btn-primary btn-sm" href="edit.php?id=1" role="button">Editar</a>
                                            <input type="button" value="Excluir" class="btn btn-danger btn-sm""/>
                                        </td>
                                    </tr>

                                </tbody>
     </table>

Função jquery para o plugin datatables

$(document).ready(function() {
    $('#dataTables-example').DataTable({
        language:{
            url: '../includes/datatable_ptbr.json'
        },
        responsive: true
    });
});

1 Resposta 1

0

O mais aconselhavel é vc refatora para fazer a requisição ajax no datatable mesmo segindo o manual: https://datatables.net/examples/ajax/objects.html

$(document).ready(function() {
  $('#example').DataTable( {
    "ajax": "data/objects.txt",
      "columns": [
        { "data": "name" },
        { "data": "position" },
        { "data": "office" },
        { "data": "extn" },
        { "data": "start_date" },
        { "data": "salary" }
     ]
   });
 });

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

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .