का उपयोग कर sortable किया जा रहा से एक मेज के हेडर की रोकथाम JQuery क्रमित करने योग्य प्लग में

Question

मैं एक HTML तालिका है:

<table id="HatedByCSSOnlyGoons"> 
    <tr><td>Header 1</td><td>Header 2</td></tr> 
    <tr><td>Data</td><td>Data</td></tr> 
    <tr><td>Data</td><td>Data</td></tr> 
</table> 

और मैं आवेदन करने कर रहा हूँ JQuery क्रमित करने योग्य प्लग-इन:

<script language="javascript"> 
    $(document).ready(
     function() { 

      $("#HatedByCSSOnlyGoons tbody").sortable(); 

      $("#HatedByCSSOnlyGoons tbody").disableSelection(); 

     } 

    ); 
</script> 

प्रश्न : मैं क्रमशः होने के लिए पहले के बाद प्रत्येक तालिका पंक्ति चाहता हूं (चूंकि यह तालिका शीर्षकों वाला है)। मैं sortable() के दायरे को कैसे सीमित करूं?

Answer 1

<thead> टैग में स्तंभ शीर्ष लेखों रखो और से <td><th> को हैडर कोशिकाओं को बदलने:

<table id="HatedByCSSOnlyGoons"> 
    <thead> 
     <tr><th>Header 1</th><th>Header 2</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>Data</td><td>Data</td></tr> 
     <tr><td>Data</td><td>Data</td></tr> 
    </tbody> 
</table>