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

  • Автор темы frost661
  • 37
  • Обновлено
  • 15, May 2024
  • #1
Всем привет, В моем приложении 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-секундную задержку для отладки в браузере.

Вам нужно прокрутить вниз, чтобы увидеть сообщение об обработке...

Спасибо!

frost661


Рег
15 May, 2012

Тем
1

Постов
2

Баллов
12
Тем
49554
Комментарии
57426
Опыт
552966

Интересно