1

Estou tentando pegar um json de uma requisição AJAX para inseri-lo na tabela porém sempre que executo o table.rows.add

Código da Tabela:

<table id="datatables" class="table table-striped table-no-bordered table-hover" cellspacing="0" width="100%" style="width:100%">
   <thead>
       <tr>
           <th>Id</th>
           <th>Uniforme</th>
           <th>Modelo</th>
           <th>Tamanho</th>
           <th>Cor</th>
           <th>Fornecedor</th>
           <th>Contrato</th>
           <th>Quantidade</th>
           <th>Custo</th>
           <th>Localização</th>
           <th class="disabled-sorting text-right">Actions</th>
       </tr>
   </thead>
   <tbody class="tbody">
       <tr>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td>aaaa</td>
           <td class="text-right">
               <a href="#" class="btn btn-simple btn-info btn-icon like"><i class="material-icons">favorite</i></a>
               <a href="#" class="btn btn-simple btn-warning btn-icon edit"><i class="material-icons">dvr</i></a>
               <a href="#" class="btn btn-simple btn-danger btn-icon remove"><i class="material-icons">close</i></a>
           </td>
       </tr>

   </tbody>
   <tfoot>
       <tr>
         <th>Id</th>
         <th>Uniforme</th>
         <th>Modelo</th>
         <th>Tamanho</th>
         <th>Cor</th>
         <th>Fornecedor</th>
         <th>Contrato</th>
         <th>Quantidade</th>
         <th>Custo</th>
         <th>Localização</th>
         <th class="disabled-sorting text-right">Actions</th>
       </tr>
   </tfoot>
</table>

Jquery:

 $('#datatables').DataTable({
        "pagingType": "full_numbers",
        "lengthMenu": [
            [10, 25, 50, -1],
            [10, 25, 50, "All"]
        ],
        responsive: true,
        language: {
            search: "_INPUT_",
            searchPlaceholder: "Search records",
        },
        columns: [
           { data: 'Id' },
           { data: 'Uniforme' },
           { data: 'Modelo' },
           { data: 'Tamanho' },
           { data: 'Cor' },
           { data: 'Fornecedor' },
           { data: 'Contrato' },
           { data: 'Quantidade' },
           { data: 'Custo' },
           { data: 'Localização' }
         ]

    });

    $.get("http://localhost/infinity/assets/php/list-uniforms.php", function(data){
        uniforms  = JSON.parse(data);
        console.log(uniforms);

        table.rows.add(uniforms).draw();

    });

Resultado:

inserir a descrição da imagem aqui inserir a descrição da imagem aqui

1 Resposta 1

1

Isso acontece quando você tenta passar quantidade diferente de colunas em columns: do que realmente existe na tabela.

Para corrigir este problema, simplesmente inclua a última coluna "Actions" em columns::

columns: [
  { data: 'Id' },
  { data: 'Uniforme' },
  { data: 'Modelo' },
  { data: 'Tamanho' },
  { data: 'Cor' },
  { data: 'Fornecedor' },
  { data: 'Contrato' },
  { data: 'Quantidade' },
  { data: 'Custo' },
  { data: 'Localização' }, // <-- não esqueça a vírgula aqui
  { data: 'Actions' } // <-- faltou esse aqui
]
11
  • Agora deu esse erro: "DataTables warning: table id=datatables - Requested unknown parameter 'Id' for row 1, column 0. For more information about this error, please see datatables.net/tn/4" 25/01/2018 às 0:49
  • Eu não tinha adicionado o actions porque ele não faz parte do Json, usaria ele apenas para colocar os botões de ação 25/01/2018 às 0:49
  • @LuhanSalimena Saquei. Vou ver aqui...
    – Meu ovo
    25/01/2018 às 0:57
  • {add_date: "2018-01-24 17:12:48", amount: "50", cost: "20", id: "1", model: "Manga Comprida", place: "NIT", provider_id: "1", size: "PP", uniform_type: "Blusa Social", userid: "fdsfsfs1f", 25/01/2018 às 1:05
  • Coloquei porém continua o mesmo erro 25/01/2018 às 1:07

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 .