Remove only blue icon from loading
Remove only blue icon from loading
TheNerdy97
Posts: 25Questions: 6Answers: 1
https://jsfiddle.net/TheNerdy97/b9kz1wh6/5/
The loading screen with the blue icon.
I want to keep the processing option but remove only the blue icon, as I want to add custom massages without the blue icon.
P.S: I have serverSide enabled only on the real case and not on the test case.
This question has accepted answers - jump to:
Answers
That is no longer possible with the latest Data Tables release. I just tested it myself: My FA icon is ignored and the built-in Data Tables spinner is shown.
https://datatables.net/reference/option/language.processing
Of course you can still fiddle with this after dt initialization by removing the CSS etc. Good luck.
Sure it can be done . Just add this CSS to your page:
Example: http://live.datatables.net/gajejise/1/edit .
Allan
Hi Allan! your link shows this error
Not Found
The requested URL was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
The link does work. Try clearing your browser's cache or use a different browser.
I added the CSS to your test case and it works:
https://jsfiddle.net/jd2s0yr9/
You might need to load Font Awesome library to show their spinner.
Kevin
Thanks, Allan, that's what I needed!
@kthorngren I tried clearing browser cache and used two different browsers, nothing worked, page still Not Found
I have another Q, is it possible to show the loading indicator when sorting in serverSide mode?
Yes, that is the default behavior - unless you turned it off using Allan's CSS above.
@rf1234 Even before I used Allan's CSS, when I sort no loading indicator appear.
It works in this example. Can you post a link to your page or a test case showing the problem?
Kevin
nvm, it works but it was too fast and because I have child row, it appears lower on the DT, is it possible to make it show under the column's title directly?
Yes, with CSS everything is possible - but not using the API.
This is the CSS I use to keep the processing indicator where I want it to be. This is a lot about experimenting ...
Thanks! This will get me started.