Display spinner, während Datentabellen Tabelle lädt Ruby on Rails

Mit Schienen ich gebaut habe, eine web-app. Eine der Seiten der web-app zeigt eine Tabelle, die verwendet die DataTables-API. Diese JSFiddle zeigt ein Beispiel von dem, was meine web-app aussieht.

Das problem mit diesem ist, dass, wenn ich beginnen, fügen Sie in großen Mengen von Daten (aktuelle Testdaten 1500 Zeilen) in der Tabelle lädt jeden ersten Zeile vor dem ausführen der javascript-das heißt, Sie erhalten eine Tabelle unformatiert für ein paar Sekunden, bevor Sie die Javascript-kicks in und DataTables aktiviert.

Ich würde gerne Anzeige ein spinner, oder verarbeiten der Nachricht (etwas entlang jenen Linien) an die Stelle der Tabelle, bis die Seite vollständig aufgefüllt wurde, sobald diese beendet ist möchte ich mein javascript aktivieren DataTables.

EDIT: Mein Hauptproblem ist, ich bin mir nicht sicher, wie Sie Sie verwenden Javascript zur Anzeige das Drehfeld während die Tabelle geladen, aber ändern Sie dann die Tabelle, sobald die Seite fertig geladen ist

Mein code ist wie folgt:

HTML/eRB

<div class="list">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <table id="app-list-table" class="display table" cellspacing="0">
                    <thead>
                        <tr class="table-headers">
                            <th>Header 1</th>
                            <th>Header 2</th>
                            <th>Header 3</th>
                            <th>Header 4</th>
                            <th>Header 5</th>
                            <th>Header 6</th>
                            <th>Header 7</th>
                            <th>Header 8</th>
                            <th>Header 9</th>
                            <th>Header 10</th>
                        </tr>
                    </thead>
                    <tbody>
                        <%= Server.find_each do |server| %>
                        <tr>
                            <td><%= link_to(server.server_name, server_path(server)) %></td>
                            <td><%= server.application %></td>
                            <td><%= server.server_role %></td>
                            <td><%= server.team_contact %></td>
                            <td><%= server.individual_contact %></td>
                            <td><%= server.business_owner %></td>
                            <td><%= server.vendor %></td>
                            <td><%= server.vendor_contact %></td>
                            <td><%= link_to("Click Here", server.main_doc) %></td>
                            <td><%= server.main_win %></td>
                        </tr>
                        <% end %>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

Javascript

$(document).ready(function() {
        var table = $('#app-list-table').DataTable({
            "scrollX": true

        });
    });

Bitte lassen Sie mich wissen, wenn es etwas gibt, was Sie möchte mir zu gehören.