Ordinamento di righe specifiche in una tabella + HTML + jQuery

Ho un requisito per ordinare solo le righe specifiche in una tabella. Sto usando il plugin per i tablesorter per fare l’ordinamento ( http://mottie.github.io/tablesorter/js/jquery.tablesorter.js )

L’esempio che ho codificato qui in jsbin.

Qui come e quando un utente seleziona una casella di controllo, la riga corrispondente viene aggiunta all’inizio della tabella. E quando la casella di controllo selezionata è deselezionata, la riga corrispondente viene aggiunta alla tabella.

Ora, le righe non selezionate non sono ordinate. Il mio requisito è che ogni volta che la casella di controllo non è selezionata e la riga venga aggiunta alla tabella, le sole righe non selezionate devono essere ordinate alfabeticamente.

Questo dovrebbe funzionare per te ( demo ):

Name Contribution
Warren Buffet business

Codice

 $(function() { $("#ex").tablesorter({ sortList: [[0,0], [1,0]] }); $('#ex').on('click', 'input:checkbox', function() { var $this = $(this); if ($this.is(':checked')) { $this.closest('tr').prependTo("#ex .tablesorter-infoOnly"); } else { $this.closest('tr').appendTo("#ex .names"); } $this.trigger('update'); }); }); 

La posizione effettiva (aggiunta) della riga deselezionata nei “nomi” tbody non ha importanza perché verrà aggiunta nuovamente e l’ordinamento corrente verrà aggiornato.