UI do Jquery classificando várias linhas da tabela de uma só vez
Eu tenho um problema com a classificação jqueryui.
Agora eu tenho uma tabela com classificação em tr e está tudo funcionando, mas agora eu tenho que classificar 2 linhas de uma vez. No exemplo abaixo, tenho que classificar a linha com G1 ou G2 ou G3.
Agora, depois de bater minha cabeça contra a parede por horas, estou aqui para pedir ajuda.
A classificação Queryui tem a opçãoitem, tento usá-lo, mas não consigo fazer isso funcionar na tabela.
Existe uma maneira de fazer isso? Alguém pode me ajudar?
Eu tento aquihttps://jsfiddle.net/n29ekt42/
<table>
<thead>
<tr>
<th>T1</th>
<th>T1</th>
<th>T1</th>
</tr>
</thead>
<tbody>
<tr>
<td>G1</td>
<td>G1</td>
<td>G1</td>
</tr>
<tr>
<td>G1</td>
<td>G1</td>
<td>G1</td>
</tr>
<tr>
<td>G2</td>
<td>G2</td>
<td>G2</td>
</tr>
<tr>
<td>G2</td>
<td>G2</td>
<td>G2</td>
</tr>
<tr>
<td>G3</td>
<td>G3</td>
<td>G3</td>
</tr>
<tr>
<td>G3</td>
<td>G3</td>
<td>G3</td>
</tr>
</tbody>
</table>
function assignSortAttach() {
$("table tbody").sortable({
start: function( event, ui ) {
var aa = $this.attr('data-row');
}
})
}
// TR sortable
$(function () {
assignSortAttach()
});