Possibility to vertically and horizontally center processing message in the table and not the page?

lugus

Hello,

The new processing message is not center in the table, do an option exists to have it centered in the table?

If you have for example a table at the bottom of a page and not visible on load.
You will have the processing message but the user do not see any table.

Thank you

sinfuljosh

Are you using a particular style?

I think your best bet would be using the transformation css class.

You can see an example of bootstrap 5 under their center elements section.

https://getbootstrap.com/docs/5.2/utilities/position/#center-elements

colin

This thread should help, it's asking the same thing.

Cheers,

Colin

rf1234

I started with tangerine's suggestion and ended up with this which works very well:

.dataTables_wrapper .dataTables_processing {
    position: fixed !important;
    top: 50% !important;
}

lugus

Thank you all for your help.

@sinfuljosh your solution worked, as i already have a container for the table and bootstrap i just added the position-relative to the container and it's ok.

Cool!