Replacing processing animation

Replacing processing animation

paulh736paulh736 Posts: 4Questions: 3Answers: 0

I want to replace the CSS animation (animated blue dots) when DataTables is working on something. I've used language.processing to add a Bootstrap spinner in my site's colour scheme, and that works, but I'm getting my spinner and the animated blue dots. Is there a way to switch off the blue dots animation so I get just my spinner?

This question has an accepted answers - jump to answer


  • colincolin Posts: 14,442Questions: 1Answers: 2,460

    We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. 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.



  • allanallan Posts: 56,837Questions: 1Answers: 9,033 Site admin
    Answer ✓

    Just to add to this, as a couple of others have asked this as well - this is the CSS we use for our animation, so:

    div.dataTables_processing div {
      display: none;

    Should hide our default loader.


  • MoreMengMoreMeng Posts: 1Questions: 0Answers: 0

    this work for me.

            div.dataTables_processing div:last-child div {
              display: none;


Sign In or Register to comment.