javascript - 使用 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() 的范围？

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>