title: Put Processing message at the top of table in datatables with existing data?
body: <p>In my laravel 5.7 application I use "yajra/laravel-datatables-oracle": "~8.0" library and reading this 
  <a href="https://m.datatables.net/forums/discussion/25666/how-to-customize-the-processing-message" rel="noreferrer">https://m.datatables.net/forums/discussion/25666/how-to-customize-the-processing-message</a></p>
  
  <pre><code>I modified processing message with style :
  .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;
  }
  </code></pre>
  
  <p>and it works and I retrieve data on page open with empty data area.</p>
  
  <p>But I refresh data I do not see processing message : it is below(looks like middle of the data area).
  I tried to raise with adding to style above :</p>
  
  <pre><code>  vertical-align: top;
    vert-align: top;
  </code></pre>
  
  <p>But failed.</p>
  
  <p>The html-code of my data area is :</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
     &lt;div id="get-vote-dt-listing-table_wrapper"
          class="dataTables_wrapper no-footer"&gt;
        &lt;div id="get-vote-dt-listing-table_filter" class="dataTables_filter"
             style="display: none;"&gt;&lt;label&gt;Search:&lt;input type="search" class=""
                                                         placeholder=""
                                                         aria-controls="get-vote-dt-listing-table"&gt;&lt;/label&gt;
        &lt;/div&gt;
        &lt;div id="get-vote-dt-listing-table_processing"
             class="dataTables_processing" style="display: block;"&gt;Loading
           votes...
        &lt;/div&gt;
        &lt;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"&gt;
           &lt;thead&gt;
           &lt;tr role="row"&gt;
              &lt;th class="details-control sorting_disabled" rowspan="1"
                  colspan="1" style="width: 47px;"&gt;+
              &lt;/th&gt;
              &lt;th class="sorting" tabindex="0"
                  aria-controls="get-vote-dt-listing-table" rowspan="1"
                  colspan="1" style="width: 59px;"&gt;Id
              &lt;/th&gt;
              &lt;th class="sorting" tabindex="0"
                  aria-controls="get-vote-dt-listing-table" rowspan="1"
                  colspan="1" style="width: 106px;"&gt;Name
              &lt;/th&gt;
              &lt;th class="sorting" tabindex="0"
                  aria-controls="get-vote-dt-listing-table" rowspan="1"
                  colspan="1" style="width: 113px;"&gt;Status
              &lt;/th&gt;
              &lt;th class="sorting" tabindex="0"
                  aria-controls="get-vote-dt-listing-table" rowspan="1"
                  colspan="1" style="width: 125px;"&gt;Is Quiz
              &lt;/th&gt;
              &lt;th class="sorting" tabindex="0"
                  aria-controls="get-vote-dt-listing-table" rowspan="1"
                  colspan="1" style="width: 219px;"&gt;Vote Category
              &lt;/th&gt;
              &lt;th class="sorting" tabindex="0"
                  aria-controls="get-vote-dt-listing-table" rowspan="1"
                  colspan="1" style="width: 178px;"&gt;Created At
              &lt;/th&gt;
              &lt;th class="sorting_disabled" rowspan="1" colspan="1"
                  style="width: 28px;"&gt;&lt;/th&gt;
              &lt;th class="sorting_disabled" rowspan="1" colspan="1"
                  style="width: 29px;"&gt;&lt;/th&gt;
           &lt;/tr&gt;
           &lt;/thead&gt;
           &lt;tbody&gt;&lt;/tbody&gt;
        &lt;/table&gt;
        &lt;div class="dataTables_info" id="get-vote-dt-listing-table_info"
             role="status" aria-live="polite" style="display: none;"&gt;&lt;/div&gt;
        &lt;div class="dataTables_paginate paging_simple_numbers"
             id="get-vote-dt-listing-table_paginate"&gt;&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which is right way with style modifications?</p>
  
  <p><strong>Uploaded block # 1</strong></p>
  
  <p>I uploaded live  example at <a href="http://demo2.nilov-sergey-demo-apps.tk/login" rel="noreferrer">http://demo2.nilov-sergey-demo-apps.tk/login</a></p>
  
  <p>It is under credentials   admin@demo.com 111111
  after that <a href="http://demo2.nilov-sergey-demo-apps.tk/admin/box-rooms" rel="noreferrer">http://demo2.nilov-sergey-demo-apps.tk/admin/box-rooms</a></p>
  
  <p>on uploading page message is visible within 1-2 seconds</p>
  
  <p>If in filter field “Enter Box Room No.” enter value “001” and click “Search” I added 30 seconds delay for debugging in browser.
  You need to scroll down to see processing message...</p>
  
  <p>Thanks!</p>