table d'en-tête fixe à rails de largeur variée

Question

J'essaie de créer une table d'en-tête fixe dans ma vue index.Au bout de 2 jours dessus, j'ai enfin trouvé le jQuery fixedheadertable add-on, et je ne peux toujours pas l'utiliser.Je suppose que je fais quelque chose de mal car c'est la première fois que j'utilise jQuery.Voici ce que j'ai fait :

Ajout du fichier jquery.fixedheadertable.js à \app\assets\javascripts

Dans application.js:

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.fixedheadertable
..
..

Dans my_js_coffee_file:

$ -> 
    $("#id_of_my_index_table").fixheadertable({
             caption : 'My header is fixed !',
             height  : 200
    });

J'ai aussi essayé :

$ ->
  $('#id_of_my_index_table').fixedHeaderTable('show');

Aucun changement du tout...qu'est-ce qui ne va pas ici ?

Merci.

Answer 1

En utilisant stickyTableHeaders Le plugin JQuery a résolu mon problème.

https://github.com/jmosbech/StickyTableHeaders

Answer 2

Votre question ne contient pas les détails nécessaires pour analyser correctement ce qui ne va pas.Cependant, essayez-les et voyez si cela aide.

Votre application.js contient-il require_tree ?Essayez également d'ajouter votre my_js_coffee_file à la fin du fichier application.js.

Ex :

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.fixedheadertable
//= require my_js_coffee_file

Ou bien, vous pouvez également coder la même chose dans le fichier application.js lui-même.Et puis essayez de courir.Vérifiez le journal de votre console pour voir quelles erreurs apparaissent.