Na minha página tenho o seguinte:
$(document).ready( function () {
buscaProdutos();
} );
Quando a página é carregada ele faz uma busca dos produtos para listar na tabela. Dentro dessa função buscaProdutos tenho o seguinte:
function buscaProdutos() {
$.get('buscaProdutos.php',
function(e){
e = $.parseJSON(e);
$.each(e, function(indice, produto){
$("#produtos").append('' +
'<tr>'+
'<td>'+produto.codigo+'</td>'+
'<td>'+produto.nome+'</td>'+
'<td>'+produto.data_vencimento+'</td>'+
'<td>'+produto.valor+'</td>'+
'<td >'+produto.status+'</td>'+
'<td ><a class="btn">Excluir</a></td>'+
'</tr>');
});
tabela = $('#example').DataTable({
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.15/i18n/Portuguese-Brasil.json"
}
});
});
}
Dentro da função que exclui produtos, depois que ela faz a requisição para excluir eu chamo a função buscaProdutos() porém tenho o seguinte erro:
warning cannot reinitialise datatable
Vi algumas soluções que utilizam o proprio draw do DataTables para montar as tabelas mas não queria ter que refazer isso tudo já que uso dessa forma em diversas partes do sistema.
Da primeira vez que chamo a função buscaProdutos não dá erro algum. Mas daí em diante ele fica dando esse erro que não pode reinicializar a tabela.
Então minha dúvida é como eu posso chamar o DataTables depois de cada busca sem dar esse erro?