Deux tables destinées à apparaître en un pour le défilement d'en-têtes fixes - problèmes de largeur de colonne fixe

Question

Le concept semble assez simple: j'essaie d'implémenter le défilement d'en-têtes fixes en divisant l'en-tête dans le tableau A et les données réelles dans le tableau B. en donnant aux colonnes des largeurs fixes correspondantes, elles devraient apparaître sous la forme d'une seule table. Cependant, en fonction du nombre de colonnes, j'ai des problèmes de rendu bizarres avec n'importe quel navigateur qui calcule des largeurs de colonnes de 1 ou 2 pixels trop courtes ou trop longues, ce qui fait que la table n'est pas alignée.

QUESTION: Que manque-t-il qui cause ces problèmes de rendu de pixels par un/deux pixels? Puis-je garantir les largeurs en utilisant cette approche, si oui comment?

J'ai placé le code dans un jsFiddle pour faciliter l'édition:

http://jsfiddle.net/hwm6q/4/

EDIT:

S'il vous plaît noter que le correctif doit travailler dans les limites de l'appliquer à faire une Contrôle de la grille (Il ne peut pas être juste un correctif bidouille pour l'exemple que j'ai posté).

Answer 1

Je ne sais pas si cela va fonctionner ... et non testé ... mais si vous avez donné

.PseudoGrid et .SGrid

une largeur de jeu? J'ai mis à jour le violon: