can't get oScroller loadingIndicator to work

gnychis

I am having trouble getting oScroller loadingIndicator to work on my server side application. I use the following initialization code:

[code]
var oTable = $('#unitTableData').dataTable({
"bServerSide": true,
"sAjaxSource": "UTS/UnitListHandler",
"bProcessing": false,
"iDisplayLength": 50,
"bLengthChange": false,
"sScrollY": "300px",
"sDom": "rtiS",
"bDeferRender": true,
"oScroller": {
"loadingIndicator": true
},
"aoColumns" : [
{ },
{ sClass: "alignCenter" },
{},
{ sWidth: '20%', sClass: "alignCenter" },
{}
]
});
[/code]

My table area shows up blank white for 5 seconds sometimes as it connects to the database (leaving a big blank hole), and there is no indication given that the table is loading when you use the search bar.

Here is a non-working example that I have hosted (the table is at the bottom):

http://abad02f2af7545e4bca5777aa198b4fa.cloudapp.net

I get no Javascript errors or exceptions in my MVC application.

SoN9ne

I too cannot get the loading indicator to work. I disabled bProcessing too but still no luck.

Debugging: ayajun

allan

Have you included the Scroller CSS? https://github.com/DataTables/Scroller/tree/master/media/css

Allan

SoN9ne

Actually, I have it working now. It's just in the footer and I cannot seem to get it to overlay the table like it does on the demo. I guess I just need to play with the CSS to get this working how I need. Thanks