jquery tablesorter - têtes de colonne mouseover

Question

est-il un moyen d'avoir la main avec une mouseover quand vous allez sur la tête de colonne de sorte que son clair que vous pouvez cliquer sur la colonne pour trier le tableau par cette colonne

Answer 1

Oui, cela est possible en utilisant le curseur: pointeur propriété CSS. Il est possible d'appliquer cette propriété dans le fichier CSS de la classe appropriée, ou directement avec jQuery:

.

$ ( 'e') css ( 'curseur', 'pointeur');

Answer 2

$('th').css('cursor', 'pointer');

L'avantage de l'application de cette règle en JavaScript est le style ne sera pas applicable si JavaScript est désactivé (qui signifie que les colonnes ne sera pas sortable).

Sinon, vous pouvez avoir votre code « tri permettant » d'appliquer une classe à la table mère des titres, ce qui réduit le nombre d'opérations DOM nécessaires et la séparation et la présentation d'autres comportements.

$('table').makeSortable().addClass('sortable');

...

.sortable th {
    cursor: pointer;
}