Концепция кажется достаточно простой: я пытаюсь реализовать фиксированную прокрутку заголовка, разделив заголовок на таблицу A, а фактические данные - на таблицу B. При задании столбцам точного соответствия фиксированной ширине они должны отображаться как одна таблица.
Однако, в зависимости от количества столбцов, у меня возникают странные проблемы с рендерингом, когда любой браузер вычисляет ширину столбцов, которые становятся на 1 или 2 пикселя короткими или слишком длинными, из-за чего таблица выглядит не выровненной.
ВОПРОС: Чего мне не хватает, что вызывает проблемы рендеринга одного на два пикселя? Могу ли я гарантировать ширину, используя этот подход, если да, то как?
Я поместил код в jsfiddle для удобства редактирования:
http://jsfiddle.net/hwm6q/4/
EDIT:
Обратите внимание, что исправление должно работать в рамках применения его к созданию элемента управления Grid (это не может быть просто исправлением взлома для примера, который я опубликовал).