I'm currently developing a webpage that when user input the data needed in Advance Filtering and click on the button'Search Result',the table will show the data needed,but the problem is i get the error of DataTables warning (table id = 'DataTables_Table_0'):
DataTables warning: To retrieve the DataTables object for this table,pass no arguments or see thr docs for bRetrieve and bDestroy
when i try to load the page
this is my javascript code
var oTable,
sumTable,
tableWidth = $huntertable.width();
// Summary Table from summary page
$SummaryTable.length > 0 && $SummaryTable.each(function() {
if (!$(this).hasClass("dataTable-custom")) {
var e = {
sPaginationType : "full_numbers",
sDom : 'p<"top"l<"clear">>rt<"bottom"ip<"clear">>', // Add the Pagination on the top
oLanguage : {
sInfo: "Showing <span>_START_</span> to <span>_END_</span> of <span>_TOTAL_</span> entries",
sLengthMenu: "_MENU_ <span>entries per page</span>"
},
bSort : false,
iDisplayLength : 25,
bDeferRender : true,
bProcessing : true,
bServerSide : true,
fnRowCallback : function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
return nRow;
},
fnServerParams : function(data) {
data.push(
{ name : 'month' , value : $f_month.val() },
{ name : 'month2' , value : $f_month_2.val() },
{ name : 'date' , value : $f_date.val() || 'no' },
{ name : 'time' , value : $f_time.val() || 'no' },
{ name : 'product', value : $f_product.val() },
//{ name : 'comp' , value : $f_comp.val() },
{ name : 'search' , value : $f_t_search.val() || 'no' }
);
},
fnDrawCallback : function() {
}
};
ggTable = $(this).dataTable(e);
}
}); // end summary table
this is the image of my template
https://drive.google...iew?usp=sharing
What exactly is causing this error??
Can anybody help me??