2013-07-09 64 views
-3

我想修復我的表(tbody)的第一行(總行),以便在滾動時可以看到它。滾動時固定tbody行

我嘗試了絕對/固定/相對位置之間的所有組合,但它沒有奏效。

請檢查this jsfiddle,我想解決的「fixedTable」,所以它可以隨時可見,而不是父DIV內滾動出父DIV的

t 

感謝您的幫助。

+0

請在您的問題中加入相關的代碼。 – hjpotter92

+0

簡單的答案是它不能完成。搜索 - 所以有大量問題詢問有關類似的功能 - 並且有一些解決方法。 –

+0

看來有一個解決方法,請檢查[這個SO回答](http://stackoverflow.com/a/10922732/1169519),雖然有很多代碼。 – Teemu

回答

1

您可以使用單個表來保持數據的排序和可讀性,並將容器中的add或tfoot固定爲一個技巧。

http://codepen.io/gcyrillus/pen/aJysI這是一個法語論壇的答案,該表的頭部有行和colspan,需要以某種方式縮放而不會突破列。

訣竅是克隆它作爲tfoot並設置在絕對位置tfoot。
Tfoot重疊你的桌子和頂部的0,它站在上面。父容器在tfoot下滾動表格。

+0

沒有js也沒有顯示涉及,只是一個良好的表格:) –

+0

我是唯一一個在這個codepen小提琴沒有看到表的人嗎? – otinanai

+0

@Gyryrillus這是一個令人信服的答案,我猜這只是鏈接/錯誤鏈接中的一個錯字。你可以請修復鏈接,這看起來很有趣... – Teemu