Tengo un datatable que realiza una búsqueda a la base de datos mandando como parámetros el mes y el año. La búsqueda me funciona bien, el problema está en que al momento de realizar otra búsqueda me lanza el siguiente mensaje:
Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3
Sé que esto sucede porque la tabla ya está llena y por lo tanto debo destruir la anterior antes de generar una nueva. El problema está en que aunque me realiza la búsqueda como deseo, me sigue arrojando el mismo error antes de mostrar los nuevos datos.
Este es mi código:
$(document).on("click", ".buscar_man", function () {
$("#lisManu").dataTable().fnDestroy();
var meses = $("#meses").val();
var year = $("#year").val();
var dt_for = $('#lisManu').dataTable({
'autoWidth': false,
'processing': true,
'paging': true,
'pagingType': 'full_numbers',
'serverSide': true,
'scrollX': true,
'bFilter': false,
'language': {
'url': base_url + 'public/json/language.spanish.json'
},
"columnDefs": [
// Personalizar algunas celdas
{// Celda de ID no visible
"targets": [19],
"visible": false,
"searchable": false
},
{// Celda de ID no visible
"targets": [20],
"visible": false,
"searchable": false
},
{
"targets":[0],
"visible": false,
"searchable": false
},
{// Crear celda adicional para botones de ver, editar y eliminar
"targets": [1],
"data": null,
"width": '135px',
"defaultContent": '<div align="center"></a> <a href="#" title="Editar datos" class="btn btn-warning btn-xs fa fa-refresh edit_dat_for"></a> <a href="#" title="Eliminar" class="btn btn-danger btn-xs fa fa-trash eli_dat_for"></a></a></div>'
},
],
"ajax": {
'type': 'POST',
'url': 'reportes_manual/bus_mes_year',
'data': {
meses: meses,
year: year,
},
}
});
});