Showing external loading.gif on load of DataTable without Ajax

jkarthike

Hi All,

I am using JQuery DataTable for displaying Tables in my page.

I am making separate Ajax call to get the json data and then i am filtering the json based on some conditions, then i am passing the json data to the jquery datatable. Below mentioned is my code piece.

$('.spinnerDiv').show();
var table = $('#eventTable').DataTable({
"aaData": filteredData, // Data which i got from seperate ajax call
dom: "Bfrtip",
paging: false,
bInfo: false
});
$('.spinnerDiv').hide();

The spinnerDiv is not showing up. I debugged and found that the display property of div is changing to block, but its not showing up in the screen.

Please, let me know what i am missing/wrong.

Thanks