Table à trier avec ligne d'en-tête supplémentaire

Question

Est-il possible de désactiver le comportement sortable sur la première ligne d'en-tête?

<table class="ui sortable table"> 
    <thead> 
    <tr> 
     <th colspan="2"> 
     Header 
     </th> 
    </tr> 
    <tr> 
     <th>Id</th> 
     <th class="ascending sorted">Username</th> 
    </tr> 
    </thead> 
    ... 
</table> 

Actuellement, il se comporte comme ceci:

Le curseur d'en-tête est un pointeur et l'arrière-plan change onblur/onFocus.

Answer 1

Vous pouvez ajouter javascript pour gérer le tri ou utiliser une dépendance populaire comme dataTables pour le tri, la recherche, le filtrage de table, etc., qui est fournie avec l'intégration de l'interface utilisateur sémantique.

Pour trier une table, vous pouvez simplement appeler une instance de dataTable comme ceci:

$(document).ready(function() { 
    $('#myTable').DataTable(); 
}); 

Vous devriez vérifier cette référence. Il a un exemple assez simple et un guide d'utilisation.