2015-02-10 78 views
0

我試圖在使用div的同時將標題設置爲固定位置來實現表,因此我們可以上下滾動並且標題始終可見。帶固定標題的div表

假表是相當不錯的了,直到我開始實施固定頭:

FIDDLE

但是,當我設置position: fixed頭部或身體的變化的大小。

+0

當您將其設置爲'position:fixed;'時,您將其從頁面流中取出。最好的方法(或者至少我找到的方法)是克隆表格,並使用'visibility:hidden;'隱藏克隆中的所有內容,並將該表格設置爲固定位置。 – Chad 2015-02-10 15:01:34

+1

另外,您必須手動設置固定表的寬度。這可能不是最好的解決方案,但它是一個開始:https://jsfiddle.net/2wc5k450/15/ – Chad 2015-02-10 15:09:36

+0

我不想強制網絡具有固定寬度或高度,我想要響應式設計。 :S – RamonBoza 2015-02-10 17:13:39

回答

-3

嘗試:

.table { 
    display: table; 
    width: 80%; 
    position: fixed; 
} 
+0

我只想固定頭部,但身體必須是可移動的。 – RamonBoza 2015-02-10 17:12:50