Javascript Girl
  1. Javascript Girl
  3. Auto trier la table en utilisant sorttable.js
Intereting Posts
Highcharts Pie Chart Drilldown ne s'affiche pas lors de la troisième foret Comment déclarer une variable statique en Javascript Modification de l'image sur le vol stationnaire Javascript pour trier le contenu de l'élément sélectionné Comment trier un objet Javascript ou le convertir en un tableau? Importation de modules utilisant la syntaxe ES6 et le chemin dynamique Extraire les informations du chemin du glyphe des fichiers ttf Prenez une capture d'écran d'une page Web avec JavaScript? Safari Picture In Picture – vidéo HTML5 personnalisée Problème avec window.close and chrome JavaScript – Comment / Je peux définir une référence d'objet nulle à partir d'une fonction? Arrête la fonction qui fonctionne avec setTimeout Obtenez des dimensions de hauteur et de largeur à partir de PNG de base64 JavaScript RegExp: Puis-je obtenir le dernier index ou la recherche inversé / RightToLeft? HTTP angulaire Get on loop

Auto trier la table en utilisant sorttable.js

J'essaie d'utiliser ce script pour trier la table html: http://www.kryogenix.org/code/browser/sorttable/

Le code JS lui-même: http://www.kryogenix.org/code/browser/sorttable/sorttable.js

J'ai utilisé l'option customkey et ça fonctionne lorsque je clique sur l'en-tête. Je voudrais tri automatiquement en fonction de cette customkey lorsque la page est customkey . Comment puis je faire ça? Je veux utiliser ce script spécifique. J'ai essayé window.onload mais sans chance.

Après avoir chargé la page, cliquez simplement sur la colonne d'en-tête que vous souhaitez trier. Essayez avec le code javascript suivant. Je suppose qu'il n'y a qu'une seule table dans la page. Peut-être que vous devrez être plus spécifique en utilisant getElementsByTagName ou avec getElementById place. Le [1] est le numéro de colonne. Vous n'avez pas besoin de joindre un gestionnaire de clics avant cela parce que cette tâche est effectuée par le code de sorttable.js . 

 <script src="js/sorttable.js"></script> <script> window.onload = function() { (document.getElementsByTagName( 'th' )[1]).click(); }; </script>

J'ai résolu ce problème légèrement différent. Sur n'importe quel en-tête de tableau, je voulais cliquer sur le chargement de la page, j'ai ajouté la data-autoclick="true" . Ensuite, dans mon application principale JavaScript, j'ai ajouté 

 <script> window.onload = function() { $('[data-autoclick="true"]').click(); }; </script>