2012-01-09 22 views
3
頂部可見

請參考HTML table headers always visible at top of window when viewing a large tableHTML表頭總是在窗口

克雷格McQueen的工作提供了很大IE7這是我目前需要的解決方案。不過,我使用不同的瀏覽器進行測試,當我向下滾動時,標題閃爍/閃爍。我該如何解決它?

+0

哪個瀏覽器不工作,在什麼操作系統上? – j08691 2012-01-09 17:22:15

+0

適用於Firefox的 – Undefined 2012-01-09 17:40:48

+0

適用於我,ff 8.0中的固定標題是輕彈。 – shiro 2012-01-12 15:15:11

回答

7

檢查此琴:http://jsfiddle.net/raqJ2/2/

測試了FF,Chrome和IE7及以上。沒有跳動或閃爍/閃光。一探究竟。

基本上涉及將標題行移動到固定位置元素,而不是每次都處理它的頂部。

UPDATE

檢查此小提琴:http://jsfiddle.net/raqJ2/8/

加一個小的定時動畫向左/標頭向右滾動滾動結束後的所需位置500毫秒。一探究竟。希望能幫助到你。

+0

謝謝,沒有更多的閃爍/閃光。但是,當我將更多列放入它時,固定標題不能水平滾動,例如30列。因爲我使用數據庫將數據填充到表中,所以最好支持自動寬度。而目前的代碼可能不允許我使用固定寬度。 – shiro 2012-01-12 15:12:39

+0

在我的更新中看到小提琴。猜猜這就是你要找的。 – techfoobar 2012-01-12 16:03:46

+0

出於某種原因,第二次更新不再適用於我的應用程序,固定標題不再修復。使用獨立測試時,向右滾動時,標題將保留在舊錶格位置,然後標題向右移動以與新表格位置匹配。那大概是1或2秒的滯後。你能解決這個問題嗎? – shiro 2012-01-12 18:19:14