TableSorter funktioniert nicht, wenn Kontrollkästchen vor dem Text

Question

Ich verwende Tabellensortierer 2.0. Sorter funktioniert perfekt, aber wenn ich ein Kontrollkästchen in einer Spalte vor Text hinzufüge, funktioniert der Sortierer nicht. Ich kann das Kontrollkästchen in die separate Spalte setzen. Aber wie funktioniert es mit Checkbox?

HTML

<table id="tableSorter" class="table table-bordered tablesorter"> 
    <thead> 
     <tr class="tblHeadings"> 
      <th>Category</th> 
     </tr> 
    </thead> 
    <tbody>          
     <tr> 
      <td> 
       <label class="normalLabel"> 
        <input type="checkbox" class="cats" name="categories" value="Cat1" /> 
        Category 1</label> 
      </td> 
     </tr>         
    </tbody> 
</table> 

JQuery

$("#tableSorter") 
    .tablesorter({ widthFixed: true }) 
    .tablesorterPager({ container: jq("#pager") }); 

Answer 1

Okay, es dauerte eine Weile, um dies herauszufinden. Aber ich habe es geschafft, das Handbuch von sellersorter zu lesen.

Sie müssen ein Trigger-Update durchführen, nachdem Sie das neue tr angehängt haben.

$("#tableSorter").trigger('update'); 

Das ist grundlegend es.

P.S. Kopieren und fügen Sie die jQuery nicht vollständig ein, da dieses erste Bit der vollständige tablesorter-Code ist. Konnte es nicht in JSFIDDLE wegen HTTP-Verbindung aufnehmen.

WORKING FIDDLE