使用JQuery Sortable插件，防止表格标题排序

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 Sortable 插件：

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

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

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

        }

    );
</script>

问题：我希望除了表头之外的所有表行都可以进行排序。如何限制sortable()的范围？

- Achilles

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>

- theycallmemorty

---

谢谢您的帮助，我不得不再问一个问题，以使您的解决方案能够与ASP.NET中的一些Web表单控件一起使用。 - Achilles