"processing" css change between v1.13.3 and v1.13.6 breaks custom spinner?

"processing" css change between v1.13.3 and v1.13.6 breaks custom spinner?

blacksteel1288blacksteel1288 Posts: 14Questions: 2Answers: 0
edited October 2023 in Free community support

Hi all,

It looks like there was a change in the css for the "processing" spinner between v1.13.2 and v1.13.6 which causes two processing spinners to appear if you've customized it. In my case, both my custom spinner and the out-of-the-box animation are showing.

For v1.13.2 (https://cdn.datatables.net/1.13.2/css/dataTables.bootstrap4.min.css) and prior versions of the css, only my custom spinner appeared.

Does anyone know what changed and if so, how to hide the out-of-the-box animation, again?
Reading the release note for v1.13.3 doesn't say specifically - https://cdn.datatables.net/1.13.3/

The code I'm using is this:

processing: true,
language: { "processing": '<div class="d-flex justify-content-center align-items-center"><div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div></div>' },

with this override:

.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 20% !important;
border: none;

Which is similar to the approach in bootstrap 5 version mentioned here:

Thank you!

Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

This question has an accepted answers - jump to answer


Sign In or Register to comment.