2010-07-23 74 views
5

我有一個HTML表:被排序使用防止表的標題JQuery的可排序插件

<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()的範圍?

回答

6

把列標題在<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> 
+0

謝謝你這個...我不得不問另外一個問題讓您的解決方案有一定的工作在asp.net中的webform控件。 – Achilles 2010-07-23 14:30:43