Buenas tengo un datatable que realiza una búsqueda a la base de datos mandando como parametros el mes y el año la búsqueda me funciona bien el problema esta 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
se que esto sucede porque la tabla ya esta llena y por lo tanto debo destruir la anterior antes de generar una nueva el problema esta que aunque me realiza la búsqueda como deseo me sigue arrojando el mismo error antes de mostrar los nuevos datos
este es mi codigo
$(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,
},
}
});
});