JQuery Tablo Sırala - Sütun atlama ilk fare tıklaması

Question

js fiddle bir temel tablo oluşturduk. Datatable sıralama işlevini kullanıyorum, ancak üstbilgileri tıklatırsanız veya bir üstbilgiye tıklarsanız, birini atlayın ve diğerini tıklatın, ilk fare tıklamayı yok sayıyor gibi görünüyor. (Sorunu çoğaltmak için Onay Dönemi'ne, ardından ABN'ye, ardından Doğrulama Dönemi'ne geri dönün)

Herhangi bir düşünce?

ve JS

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

...

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

});

jsfiddle: beklendiği gibi tablo aslında http://jsfiddle.net/wcdg3ddL/

Answer 1

tasnif edilir. Sütunlar sıralanmamasının iki nedeni vardır:

1. Sıralamada olup olmadığını değerlendirmek için tablonuzda yetersiz satır var. Birkaç tane daha veri satırı ekleyin ve ne demek istediğimi görmelisiniz.
2. Özel stilinizle üstbilgi satırındaki okları kaldırdığınız için sıralama işleminin nasıl yapıldığını doğru bir şekilde ölçemezsiniz. Varsayılan CSS stilini eklerseniz, bir sütunun sıralandığı yönü görebilirsiniz.

Burada, sütunların düzgün bir şekilde görünmesi için yeterli satır eklediğim bir fiddle var. Yanıtınız için

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