2012-01-09 3 views
3

Пожалуйста, обратитесь к HTML table headers always visible at top of window when viewing a large tableHTML заголовки таблиц всегда видны в верхней части окна

решение, Craig McQueen при условии работы отлично подходит для IE7, которая является то, что мне нужно в данный момент. Тем не менее, я протестировал с другим браузером, когда прокручиваю вниз, заголовок/мигание заголовка. Как я могу это исправить?

+0

Какой браузер не работает и на какой ОС? – j08691

+0

Работает нормально для меня на Firefox – Undefined

+0

исправлен заголовок в ff 8.0. – shiro

ответ

7

Проверить эту скрипку: http://jsfiddle.net/raqJ2/2/

Испытано его на FF, Chrome и IE7 и выше. Нет дрожания или мерцания/вспышки. Проверьте это.

В основном предполагает перемещение строки заголовка в элемент фиксированной позиции, а не манипулирование ее вершиной каждый раз.

UPDATE

Проверить эту скрипку: http://jsfiddle.net/raqJ2/8/

Добавлен небольшой приуроченная анимации для прокрутки заголовка влево/вправо на нужное место 500 мс после окончания прокрутки. Проверьте это. Надеюсь, поможет.

+0

Спасибо, больше нет мерцания/вспышки. Однако фиксированный заголовок не прокручивается горизонтально, когда я помещаю в него больше столбцов, например 30 столбцов. Лучше поддерживать автоматическую ширину, так как я использую базу данных для заполнения данных в таблице. И текущий код может не позволить мне использовать фиксированную ширину. – shiro

+0

Посмотрите скрипку в моем обновлении. Думаю, это то, что вы искали. – techfoobar

+0

по какой-то причине второе обновление больше не работает в моем приложении, исправленный заголовок больше не исправляется. При автономном тесте при прокрутке вправо заголовок сохраняется со старым расположением таблицы, а затем заголовок перемещается вправо, чтобы соответствовать новой таблице. Это примерно 1 или 2 секунды. Не могли бы вы это исправить? – shiro

Смежные вопросы