Problema di tabella JQuery Sort - Saltare la colonna disattiva il primo clic del mouse

Question

Ho creato una tabella di base in js fiddle. Sto usando la funzione di classificazione dei dati, tuttavia se fai clic sulle intestazioni o fai clic su un'intestazione, salta una e fai clic su un'altra, sembra ignorare il primo clic del mouse. (Per replicare il problema clicca su Periodo di conferma, poi su ABN, quindi torna al periodo di conferma)

Qualche idea?

<table id="tableSort" class="tableSort" cellspacing="0" style="margin-top:20px;margin-left:10px;"> 
<thead> 
    <tr> 
     <th>Confirmation Period</th> 
     <th>Legal/Entity Name</th> 
     <th>ABN</th> 
     <th>Business/Trading Name</th> 
     <th>Status</th> 
    </tr> 
</thead> 
<tr> 
    <td>1</td> 
    <td>a</td> 
    <td>34</td> 
    <td>78</td> 
    <td>b</td> 
</tr> 
<tr> 
    <td>2</td> 
    <td>c</td> 
    <td>100</td> 
    <td>90</td> 
    <td>g</td> 
</tr> 

e il JS ...

$(document).ready(function() { 
    $('#tableSort').dataTable({ 
     "searching": false, 
      "paging": false, 
      "info": false 
}); 

});

jsfiddle: http://jsfiddle.net/wcdg3ddL/

Answer 1

La tabella è in realtà l'ordinamento come previsto. Esistono due motivi per cui sembra che le colonne non stiano ordinando:

1. Non ci sono righe sufficienti nella tabella per valutare se l'ordinamento funziona. Aggiungi poche altre righe di dati e dovresti vedere cosa intendo.
2. Poiché le frecce della riga di intestazione sono state rimosse con lo stile personalizzato, non è possibile valutare con precisione il comportamento dell'ordinamento. Se aggiungi lo stile CSS predefinito, puoi vedere la direzione in cui una colonna viene ordinata.

Ecco un fiddle in cui ho aggiunto righe sufficienti in modo che le colonne sembrino essere ordinate correttamente.

Ho appena aggiunto altre righe al vostro violino:

<tr> 
     <td>1</td> 
     <td>a</td> 
     <td>34</td> 
     <td>78</td> 
     <td>b</td> 
</tr>