Как центрировать сообщение обработки в таблицах данных laravel с существующими данными?

[frost661]

Всем привет,
В моем приложении laravel 5.7 я использую библиотеку "yajra/laravel-datatables-oracle": "~8.0" и читаю это
https://m.datatables.net/forums/discussion/25666/how-to-customize-the-processing-message
Я изменил сообщение обработки со стилем:

<div class="table-responsive"> <div id="get-vote-dt-listing-table_wrapper" class="dataTables_wrapper no-footer"> <div id="get-vote-dt-listing-table_filter" class="dataTables_filter" style="display: none;"><label>Search:<input type="search" class="" placeholder="" aria-controls="get-vote-dt-listing-table"></label> </div> <div id="get-vote-dt-listing-table_processing" class="dataTables_processing" style="display: block;">Loading votes... </div> <table class="table table-bordered table-striped text-primary dataTable no-footer" id="get-vote-dt-listing-table" role="grid" aria-describedby="get-vote-dt-listing-table_info"> <thead> <tr role="row"> <th class="details-control sorting_disabled" rowspan="1" colspan="1" style="width: 47px;">+ </th> <th class="sorting" tabindex="0" aria-controls="get-vote-dt-listing-table" rowspan="1" colspan="1" style="width: 59px;">Id </th> <th class="sorting" tabindex="0" aria-controls="get-vote-dt-listing-table" rowspan="1" colspan="1" style="width: 106px;">Name </th> <th class="sorting" tabindex="0" aria-controls="get-vote-dt-listing-table" rowspan="1" colspan="1" style="width: 113px;">Status </th> <th class="sorting" tabindex="0" aria-controls="get-vote-dt-listing-table" rowspan="1" colspan="1" style="width: 125px;">Is Quiz </th> <th class="sorting" tabindex="0" aria-controls="get-vote-dt-listing-table" rowspan="1" colspan="1" style="width: 219px;">Vote Category </th> <th class="sorting" tabindex="0" aria-controls="get-vote-dt-listing-table" rowspan="1" colspan="1" style="width: 178px;">Created At </th> <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 28px;"></th> <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 29px;"></th> </tr> </thead> <tbody></tbody> </table> <div class="dataTables_info" id="get-vote-dt-listing-table_info" role="status" aria-live="polite" style="display: none;"></div> <div class="dataTables_paginate paging_simple_numbers" id="get-vote-dt-listing-table_paginate"></div> </div>
</div>

Код (CSS): и он работает, и я получаю данные на открытой странице с пустой областью данных.
Но я обновляю данные и не вижу сообщения об обработке: оно находится ниже (выглядит как середина области данных).
Я попытался поднять, добавив стиль выше:
vertical-align: top; vert-align: top;
Код (CSS): Но не удалось.
HTML-код моей области данных:

.dataTables_processing { margin-top: -80px !important; padding: 70px !important; background: #F5F8FA !important; color: blue !important; border: 2px dotted darkgrey; border-radius: 3px !important; font-size: xx-large !important; opacity : 1 !important; text-decoration: none; }
HTML: 1) Как правильно изменять стиль?
2) Если у laravel-datatables-oracle есть метод очистки строк области данных перед получением данных?
Я думаю, это может быть полезно...
Вот живой пример на http://demo2.nilov-sergey-demo-apps.tk/login
Это под учетными данными 111111.
после этого URL-адрес SITE/admin/box-rooms
на странице загрузки сообщение видно в течение 1-2 секунд
Если в поле фильтра «Введите номер ящика» введите значение «001» и нажмите «Поиск». Я добавил 30-секундную задержку для отладки в браузере.
Вам нужно прокрутить вниз, чтобы увидеть сообщение об обработке...
Спасибо!