Bootstrap et entête de tableau fixe au top au scroll avec jQuery

Bonjour à tous !

J'utilise Bootstrap, jQuery ainsi que le pluggin tablesorter afin d'afficher un tableau d'une taille importante avec tri dynamique des colonnes (=tablesorter) et je souhaite que l'entete du tableau se fixe en haut de page lorsque le scroll dépasse 90px.
Voici le code que j'ai utilisé pour le tableau :
http://pastebin.com/0HL9Tezr

J'ai actuellement 2 problème :
1) Mon entête se fixe bien, mais il semble que lorsque je scroll, les dimensions du contenu du tableau changent, ce qui fait que les entêtes et le contenus des colonnes ne coïncident plus parfaitement. J'ai bien essayé de "bidouiller" avec le css, mais rien n'y fait ...
Note: j'ai trouvé la solution pour mettre un affix sur un thead ici -> https://github.com/twbs/bootstrap/issues/4551 le monsieur semblait avoir le même problème que moi, mais il n'a malheureusement pas indiqué comment il l'a résolu...

2) J'aimerai redimensionner la première colonne de mon tableau qui est trop large par rapport aux autres. J'ai tenté des choses, notamment un simple style="width: 20%;" dans le th associé mais rien n'y fait, la colonne ne change pas de taille, et pire encore la dimension change uniquement quand je scroll et uniquement pour l’entête...

Si quelqu'un a une idée de la provenance de mon problème, et aurait éventuellement une solution, je lui devrais une reconnaissance éternelle ! :)

Merci beaucoup d'avance, et j'espère ne pas m'être trompée d'endroit pour mon post...
Re-Note: je n'arrive pas à mettre le code dans le post, j'ai systématiquement une erreur de mon navigateur "err_empty_response" ... mystère.