mesa de cabeceira fixa em trilhos com largura variada

Question

Estou tentando criar uma tabela de cabeçalho fixa na minha visualização de índice.Depois de 2 dias, finalmente encontrei o jQuery fixedheadertable addon, e ainda não consigo usá-lo.Acho que estou fazendo algo errado porque é a primeira vez que uso jQuery.Isto é o que eu fiz:

Adicionado o arquivo jquery.fixedheadertable.js para \app\assets\javascripts

Em application.js:

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

Em my_js_coffee_file:

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

Também tentei:

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

Nenhuma mudança...o que há de errado aqui?

Obrigado.

Answer 1

Usando stickyTableHeaders O plugin JQuery resolveu meu problema.

https://github.com/jmosbech/StickyTableHeaders

Answer 2

Sua pergunta não contém detalhes para analisar adequadamente o que está errado.No entanto, experimente estes e veja se ajuda.

Seu application.js contém require_tree?Além disso, tente adicionar seu my_js_coffee_file no final do application.js

Ex:

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

Ou, alternativamente, você também pode codificar a mesma coisa dentro do próprio arquivo application.js.E então tente correr.Verifique o log do console para ver quais erros aparecem.