我試圖在使用div的同時將標題設置爲固定位置來實現表,因此我們可以上下滾動並且標題始終可見。帶固定標題的div表
假表是相當不錯的了,直到我開始實施固定頭:
但是,當我設置position: fixed
頭部或身體的變化的大小。
我試圖在使用div的同時將標題設置爲固定位置來實現表,因此我們可以上下滾動並且標題始終可見。帶固定標題的div表
假表是相當不錯的了,直到我開始實施固定頭:
但是,當我設置position: fixed
頭部或身體的變化的大小。
嘗試:
.table {
display: table;
width: 80%;
position: fixed;
}
我只想固定頭部,但身體必須是可移動的。 – RamonBoza 2015-02-10 17:12:50
你可以嘗試using position:sticky,但這not very good browser support。或者,您可以向頁眉添加一個頁邊空白,該空間恰好是其包含的單元格的高度。
當您將其設置爲'position:fixed;'時,您將其從頁面流中取出。最好的方法(或者至少我找到的方法)是克隆表格,並使用'visibility:hidden;'隱藏克隆中的所有內容,並將該表格設置爲固定位置。 – Chad 2015-02-10 15:01:34
另外,您必須手動設置固定表的寬度。這可能不是最好的解決方案,但它是一個開始:https://jsfiddle.net/2wc5k450/15/ – Chad 2015-02-10 15:09:36
我不想強制網絡具有固定寬度或高度,我想要響應式設計。 :S – RamonBoza 2015-02-10 17:13:39