jQuery UI, sabit satırlarla sıralanabilir

Question

Bir tabloyu kullanarak bir jQuery UI sıralamasını kullanıyorum (iyi çalışıyor). Üstbilgiyi ve son satırı sabit (hareketli olmayan) yapmak istiyorum.

jQuery UI belgeleri, öğeler için bir seçici kullanılarak yapılabilir, ancak sözdizimi için bir kayıp yaşıyorum.

<script type="text/javascript"> 
    $(function() { 
    $("#response_options tbody.content").sortable(); 
    $("#response_options tbody.content").disableSelection(); 
}); 
</script> 

<table id="response_options" class="data-table"> 
    <tbody class="content"> 
     <tr> 
      <th>Links</th><th>Response</th> 
     </tr> 
     <tr class="sortable-row"> 
      <td>Edit</td> 
      <td>Item 1</td> 
     </tr> 
     <tr class="sortable-row"> 
      <td>Edit</td> 
      <td>Item 2</td> 
     </tr> 
     <tr class="sortable-row"> 
      <td>Edit</td> 
      <td>Item 3</td> 
     </tr> 
     <tr class="sortable-row"> 
      <td>Edit</td> 
      <td>Item 4</td> 
     </tr> 
     <tr class="sortable-row"> 
      <td>Edit</td> 
      <td>Item 5</td> 
     </tr> 
     <tr> 
      <td>Edit</td> 
      <td>Item 1</td> 
     </tr> 
    </tbody> 
</table> 

seçici .sortable içine gider (...): Burada

ilgili koddur

$("#response_options tbody.content").sortable(); 

$("#response_options tbody.content").sortable(items: ???); 

olarak ve mümkün olmalıdır sadece class = "sortable-row" ile öğeleri seçin; ama yine de, sözdizimi için bir kayıp yaşıyorum. Bu biçimlendirme için

$("#response_options tbody.content").sortable({items: 'tr.sortable-row'}); 

Answer 1

Bu çalışması gerekir

$('#tableid tbody').sortable(); 

Bu başlık parçası hareket edemez tablonun sadece vücut içeriğini hareket edecek .

Answer 2

:

<table id="tableid"> 
    <thead> 
     <tr>  
      <th>namr</th> 
      <th>id</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>jagadeesh</td> 
      <td>1</td> 
     </tr> 
     <tr> 
      <td>jagadeesh</td> 
      <td>2</td> 
     </tr> 
    </tbody> 
</table> 

bunu kullanın jQuery:

Answer 3

Bu benim için çalıştı

:

 jQuery(".sortable tbody").sortable({ 
      items: 'tr:not(:first)' 
     });