How to refresh data of a KTDataTable html table

Hi,

I'm using ktDataTable html table, i need could refresh de data in the table. To do this i´m deleting the html inside tbody on my page using javascript and recreating all the rows of my table. After i´m trying of execute the function of ktdatatable destroy and reload, but the table refresh the data with the first group of html rows loaded at first time. I'm trying too delete de KTDatatableHtmlTableDemo variable and instance again this variable calling the init function. The table is rendered but with a lot of errors in page console and stange behaviors.

Can you help me with this. Thank you very much.

The code:

//instance principal variable
KTDatatableHtmlTableDemo = function () {
// Private functions
// demo initializer
var demo = function () {
var el = $('#tblHistAP');
var datatable = el.KTDatatable({
data: {
saveState: { cookie: false },
},
search: {
input: $('#kt_datatable_search_query'),
key: 'generalSearch',
},
layout: {
class: 'datatable-bordered',
spinner: { message: 'Cargando...' },
},
pagination: true,
columns: [],
});
//$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();

};
return {
// Public functions
init: function () {
// init dmeo
demo();
},
};
}();

//initializing the ktdatatable
cargarDatos("",""); //this function create the html rows with the data of the table
KTDatatableHtmlTableDemo.init();

//Refreshing the data
$("#btnRefresh").click(function(){

var d1=$("#date").val();
var d2=$("#date1").val();

if(d1!=="" && d2!==""){
KTApp.block('#Cardbl', {
overlayColor: '#000000',
state: 'danger',
message: 'Actualizando Datos...'
});
//datatable.destroy();//I TRIED WITH THIS BUT DOESN'T WORK
var rows = [];
rows = rows.join("");
rows = rows.toString();
$(".datatable-body")[0].innerHTML = rows; //DELETING HTML ROWS TABLE

cargarDatos(d1,d2); //LOADING NEW ROWS OF TABLE IN HTML OF PAGE
//datatable.load(); //I TRIED WITH THIS BUT DOESN'T WORK
delete KTDatatableHtmlTableDemo; // DELETING THE PRINCIPAL VARIABLE
initktable(); //DECLARE AGAIN THE PRINCIPAL VARIABLE
KTDatatableHtmlTableDemo.init(); //INITILIZING AGAIN
setTimeout(function() {
KTApp.unblock('#Cardbl');
}, 1000);
}
else{
alert("Los campos de fecha no pueden estar vacios!");
}
});