Две таблицы, которые должны отображаться как одна для фиксированной прокрутки заголовка - исправлены ошибки ширины столбца

Question

Концепция кажется достаточно простой: я пытаюсь реализовать фиксированную прокрутку заголовка, разделив заголовок на таблицу A и фактические данные в таблицу B. By давая столбцам точное соответствие фиксированной ширине, они должны отображаться как одна таблица.

Однако, в зависимости от количества столбцов, я получаю странные проблемы с рендерингом с любым браузером, вычисляющим ширину столбцов, которые увеличиваются на 1 или 2 пиксела короткими или слишком длинными, в результате чего таблица становится неглавной.

ВОПРОС: Чего мне не хватает, что вызывает проблемы с доставкой по отдельности/двум пикселям? Могу ли я гарантировать ширину, используя этот подход, если да, то как?

Я поместил код в jsfiddle для удобства редактирования:

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

EDIT:

Пожалуйста, обратите внимание, что исправление должно работать в пределах границ его применения к делает Управление сеткой (это не может быть просто исправление взлома для примера, который я опубликовал).

Answer 1

Не уверен, если это будет работать ... и не тестировалась ... но что, если вы дали

.PseudoGrid и .SGrid

комплект ширина?

Я обновил скрипку: http://jsfiddle.net/hwm6q/5/