Ошибка сортировки таблицы JQuery - пропущенная колонка отключает первый щелчок мыши

Question

Я создал основную таблицу в js скрипке. Я использую функцию сортировки данных, однако, если вы нажмете вдоль заголовков или щелкните заголовок, пропустите один и нажмите другой, он, кажется, игнорирует первый щелчок мышью. (Чтобы повторить выпуск, нажмите «Период подтверждения», затем «ABN», затем вернитесь в «Период подтверждения»)

Любые мысли?

<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> 

и JS ...

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

});

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

Answer 1

таблица на самом деле сортировки, как и ожидалось. Есть две причины, по которым они не сортируются:

1. У вас недостаточно строк в таблице, чтобы оценить, работает ли сортировка. Добавьте еще несколько строк данных, и вы должны увидеть, что я имею в виду.
2. Поскольку вы удалили стрелки из строки заголовка своим пользовательским стилем, вы не можете точно определить, как ведет сортировка. Если вы добавите стиль CSS по умолчанию, вы увидите направление сортировки столбца.

Здесь fiddle, где я добавил достаточное количество строк, чтобы столбцы, по-видимому, правильно сортировались.

Я просто добавил несколько строк в вашу скрипку:

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