hinzufügen Spalte Funktion Sortierung auf treegrid html

Question

ich ein treegrid haben, die diese bauen wie ist:

<table> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Type</th> 
      <th>Number</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr class="treegrid-0"> 
      <th>name2</th> 
      <th>type2</th> 
      <th>Number2</th> 
     </tr> 
     <tr class="treegrid-1"> 
      <th>name1</th> 
      <th>type1</th> 
      <th>Number1</th> 
     </tr> 
     <tr class="treegrid-2 treegrid-parent-1" style="display:none;"> 
      <th>name1-A</th> 
      <th>type1-A</th> 
      <th>Number1-A</th> 
     </tr> 
     <tr class="treegrid-3 treegrid-parent-1" style="display:none;"> 
      <th>name1-B</th> 
      <th>type1-B</th> 
      <th>Number1-B</th> 
     </tr> 
     <tr class="treegrid-4"> 
      <th>name0</th> 
      <th>type0</th> 
      <th>Number0</th> 
     </tr> 
    </tbody> 
</table> 

Ich mag würde die Sortieroption hinzufügen, wenn ich auf eine Spalte klicken. Die Sortieroption muss nur am obersten Elternteil vorgenommen werden. Es handelt sich um ein Baumgitter. Das erwartete Verhalten besteht darin, dass die untergeordneten Knoten auch mit dem übergeordneten Element verschoben werden müssen, wenn das übergeordnete Element verschoben werden muss.

Wie kann ich das mit JS tun?

Answer 1

stattdessen all die harte Arbeit selbst zu tun, können Sie die ehrfürchtige js/jQuery-Bibliothek verwenden: Datentabellen: https://datatables.net/

Unmittelbar nach der Tabelle zu definieren, geben Sie ihm eine ID

<table id = "myTable">..</table> 

und fügen Sie dann der folgende Ausschnitt, der Ihren Tisch in einen tollen Tisch verwandelt.

$(document).ready(function(){ 
    $('#myTable').DataTable(); 
}); 

Prost!