Processing message doesn't display when waiting for data using search or pagination.

smitthhyy

Link to test case: https://datatables.trev.id.au
Debugger code (debug.datatables.net): none
Error messages shown: none
Description of problem:
I am trying to get Datatables to show a small box with “Processing…” when it is waiting for data from the server following a search query in the search box top right of table. Also when changing pages.

“Processing…” displays when the initial table is being created (initially showing the page) but not when entering search string and waiting for table to update (which it does a few seconds later).

smitthhyy

The .js and .css files are made by the dataTables download builder with the following options chosen:
Step 1. Choose a styling framework - Bootstrap 4
Step 2. Select packages: jQuery 3 (3.6.4) & DataTables (1.13.4)
Extensions
• AutoFill - v2.5.3
• Buttons - v2.3.6
• Column visibility - v2.3.6
• HTML5 export - v2.3.6
• JSZip - v2.5.0
• Pdfmake - v0.2.7
• Print view - v2.3.6
• ColReorder - v1.6.2
• DateTime - v1.4.1
• FixedColumns - v4.2.2
• FixedHeader - v3.3.2
• KeyTable - v2.9.0
• Responsive - v2.4.1
• Scroller - v2.1.1
• SearchBuilder - v1.4.2
• SearchPanes - v2.1.2
• Select - v1.6.2
• StateRestore - v1.2.2

allan

Hi,

It actually is showing, but it is showing in the middle (horizontally and vertically) of the table. As your page size is large, it can't be seen unless you happen to be in the middle of the table.

For your page, adding this your your CSS:

div.dataTables_wrapper div.dataTables_processing {
  position: fixed;
  z-index: 1;
}

I think works quite well.

Allan