Tengo el código anterior para recargar la tabla de datos en el componente de reacción genérico de DataTable.

todo funciona bien pero quiero borrar la tabla de datos antes de cada recarga. y datatable.clear().draw() no funciona. en caso de error de validación 422, los datos antiguos permanecen allí rellenados en la tabla de datos.

 window.DatatableBasic = (function () { var initDatatable = function () { datatable = $('#datatablebasic') .DataTable({ //options... }) return { // public functions init: function () { if (!$.fn.DataTable.isDataTable('#datatablebasic')) { initDatatable() } }, reload: function () { // $('#datatablebasic').Datatable().ajax.reload(); if (datatable && datatable.ajax) { //reset pagination on submit searchButton // datatable.clear().draw(); console.log(datatable) $('#datatablebasic').dataTable().fnPageChange(0); const count = $('#datatablebasic').DataTable().data().count(); if (count > 1) { datatable.ajax.reload(null, false); } else { datatable.ajax.reload(null, true); } } else { this.reinit(); } }, reinit: function () { if ($.fn.DataTable.isDataTable('#datatablebasic')) { $('#datatablebasic').dataTable().fnDestroy() } initDatatable() }, } })()