stickyTableHeader ne fonctionne pas

Question

J'essaie d'utiliser stickyTableHeader pour rendre mon en-tête de table statique pendant que vous faites défiler une table et pour une raison quelconque cela ne fonctionne pas. J'ai placé le code de stickyTableHeaders

dans un fichier js, avec $(function(){ $("table").stickyTableHeaders(); }); en haut du fichier, mais pour une raison quelconque, rien n'arrive à ma table. Je l'ai initialisé dans mon index.html avec <script src="pathtofile"></script> et je sais que c'est correct. De l'aide?

Je charge dynamiquement les données pour ma table avec angulaire, donc cela pourrait-il entrer en conflit avec l'initialisation de jquery pour la table elle-même? Comme, jquery ne sait pas que la table est là ou quelque chose? (A condition que dans un fichier html séparé que j'utilise pour appeler le corps, il contienne la structure des tables, juste que les données proviennent des appels angulaires

Remarque: Cela redimensionne également la largeur des en-têtes de tableau. sais pas pourquoi, si quelqu'un me pointer dans la bonne direction pour ce

Answer 1

il semble que l'appel à $("table").stickyTableHeaders(); arrive trop tôt, peut-être avant le chargement angulaire du contenu. en outre un examen plus approfondi des stickyTableHeaders plug-in, il semble que clic Les événements ne sont pas configurés pour la délégation, donc ils ne trouveraient que html qui se trouvait dans la page lorsque le navigateur l'a chargé au départ.Vous devrez peut-être le personnaliser pour que cela fonctionne.