Replacing processing animation

paulh736

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?

colin

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.

Cheers,

Colin

allan

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.

Allan

MoreMeng

this work for me.

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

ref:
bootstrap@5.2.0
datatables.net-bs5@1.12.1

SergioRodriguez

this worked for me with DataTables 2

div.dt-processing
{
display: none !important;
}

DataTables: 2.1.7
BootStrap 4.6.2