固定ヘッダースクロールの1つとして表示される2つのテーブル - 固定列幅の問題

Question

概念は簡単です：私はヘッダーをテーブルAと実際のデータをテーブルBに分割して固定ヘッダースクロールを実装しようとしています。列に正確に一致する固定幅を1つの表として表示する必要があります。

しかし、列の数によっては、1または2ピクセルが短くなったり長すぎたりする列幅を計算するブラウザーで、不自然なレンダリングの問題が発生し、テーブルの位置がずれて表示されることがあります。

質問：このようなオフ/ワン/ 2ピクセルレンダリングの問題を引き起こしているものは何ですか？この方法を使って幅を保証することはできますか？

は私が編集を容易にするためにjsfiddleのコードを配置：

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

EDIT：

修正が作るに適用の範囲内で動作するように持っていることに注意してくださいグリッドコントロール（私が掲示した例のためのちょうどハックフィックスであることはできません）。

Answer 1

ない...これが機能するかどうか確認してください...とテストされていないが、何を

.PseudoGridと.SGrid

セット幅を与えた場合は？

私はフィドルを更新しました：http://jsfiddle.net/hwm6q/5/