Предотвращение сортировки заголовков таблицы с помощью плагина 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>