can't get oScroller loadingIndicator to work

can't get oScroller loadingIndicator to work

gnychisgnychis Posts: 9Questions: 0Answers: 0
edited November 2013 in Plug-ins
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.

Replies

  • SoN9neSoN9ne Posts: 7Questions: 1Answers: 0
    edited January 2014
    I too cannot get the loading indicator to work. I disabled bProcessing too but still no luck.

    Debugging: ayajun
  • allanallan Posts: 57,686Questions: 1Answers: 9,195 Site admin
    Have you included the Scroller CSS? https://github.com/DataTables/Scroller/tree/master/media/css

    Allan
  • SoN9neSoN9ne Posts: 7Questions: 1Answers: 0
    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
This discussion has been closed.