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

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

luguslugus Posts: 12Questions: 2Answers: 0

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

This question has an accepted answers - jump to answer

Answers

  • sinfuljoshsinfuljosh Posts: 25Questions: 0Answers: 5
    Answer ✓

    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

  • colincolin Posts: 15,158Questions: 1Answers: 2,587

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

    Cheers,

    Colin

  • rf1234rf1234 Posts: 2,808Questions: 85Answers: 406

    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;
    }
    
  • luguslugus Posts: 12Questions: 2Answers: 0

    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! :smile:

Sign In or Register to comment.