"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?
![blacksteel1288](https://secure.gravatar.com/avatar/7e1bbf6a7e9c523ea95018ec0f64dec9/?default=https%3A%2F%2Fvanillicon.com%2F7e1bbf6a7e9c523ea95018ec0f64dec9_200.png&rating=g&size=120)
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:
https://datatables.net/forums/discussion/71472
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
Answers
will do it. Example here: https://live.datatables.net/xicixibi/1/edit .
Allan
Perfect! That works great!
Thank you!