概念は単純に思えます: ヘッダーをテーブル A に分割し、実際のデータをテーブル B に分割することで、固定ヘッダー スクロールを実装しようとしています。
ただし、列の数によっては、ブラウザーが列幅を計算すると、1 または 2 ピクセル短くなったり長すぎたりして、テーブルが整列していないように見えるという奇妙なレンダリングの問題が発生します。
質問: これらのオフ 1/2 ピクセル レンダリングの問題を引き起こしている原因は何ですか? このアプローチを使用して幅を保証できますか?
編集しやすいように、コードを jsfiddle に配置しました。
編集：
この修正は、Grid コントロールの作成に適用する範囲内で機能する必要があることに注意してください (投稿した例の単なるハック修正ではありません)。