Prevención de encabezados de una tabla de ser clasificable usando jQuery Sortable plug-in

Question

tengo una tabla 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> 

y estoy aplicando el JQuery Sortable plug-in:

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

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

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

     } 

    ); 
</script> 

pregunta : Quiero que cada fila de la tabla después de la primera (ya que esta es la que tiene los encabezados de la tabla) se pueda ordenar. ¿Cómo limito el alcance de sortable()?

Answer 1

Ponga los encabezados de columna en la etiqueta <thead> y cambiar las celdas de encabezado de <td> a <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>