Scroller plugins blue stripes

system.bonn@gmail.com

Hi!

I am using the scroller plugin. It is wotrking fine–at least as far as I can see. However, it keeps showing the striped background. It seems, the loading process doesn't get full xcompleted. How could i possibly deternine, what exactly is the problem here?

tia & cu,
ada

colin

Hi @system.bonn@gmail.com ,

We're happy to take a look, but we'd really need to see this one to diagnose it. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

system.bonn@gmail.com

Hi Colin!

Thank you very much for your offer to help. Can I send a link via PM?

thx & cu,
ada

colin

The best bet would be simplify the test case as much as you can in a fiddle on http://live.datatables.net , then that would benefit other users too.

system.bonn@gmail.com

I am afraid, i can't put that in a fiddle because it is a complex laravel app. So, even if it would run in fiddle, nothing would have been won.

I am rather asking for a suggestion as to what I could look into to debug this kind of behaviour. Is there any possibility to debug the ajax connection?

system.bonn@gmail.com

I have put the response into jsonlint.com. Seems to be valid json.

allan

Can you send me a link to your page by clicking my forum user name above and then the "Send message" button.

Its hard to say where you should start debugging at all without more information. For example it might just be a CSS transparency issue or it might be a network problem.

Thanks,
Allan

system.bonn@gmail.com

There is the followilng setting in "https://cdn.datatables.net/scroller/2.0.1/css/scroller.dataTables.css":

div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
}

So I assume it is ment to show while loading and then hidden, when loading has finished. Which it doesn't do at my setting.

I have now workarounded it with

.dataTables_scrollBody { background: none !important; }

with which I am of course not really happy.

system.bonn@gmail.com

Any further suggestions on this?

marcocaboni

Hi all,
I have the same problem, and I was able to reproduce it. You can see it here:
http://live.datatables.net/kerabose/2/

It seems related to Bootstrap, because (almost) the same example works fine when using the base style, see here:
http://live.datatables.net/wocofiqo/1/

marco

allan

HI Marco,

That can be fixed by loading in the scroller.bootstrap4.css file (rather than scroller.dataTables.css as it was): http://live.datatables.net/kerabose/4/edit .

Allan

marcocaboni

I didn't notice there was a scroller css file specific for bootstrap.
Thanks a lot Allan!

marco