固定頭/可變寬度的表格

我意識到這個問題已經被Stack Overflow問了很多;然而，在仔細觀察其中的一些後，我相信我的問題還有一個要求。我想將常規的html表格轉換爲可以垂直滾動和水平滾動的表格，而標題保留在頂部。此表的寬度超出了頁面的寬度，所以我需要在表滾動時水平移動標題。我寧願使用純CSS方法;不過，如果有必要，我會使用Javascript。還沒有找到一個能夠完成所有這些工作的解決方案。固定頭/可變寬度的表格

來源

2010-08-18 JayD3e

請張貼例如HTML幫助人們這方面的工作。 – donohoe 2010-08-18 21:11:07

我可以理解你想讓你的標題「垂直」滾動，但爲什麼水平？這不會破壞表頭的目的（每個表頭都標記下面的列）？ – peterjmag 2010-08-19 03:23:14

這是一個很好的jQuery插件，可以在所有瀏覽器中工作！（檢查演示）

結果是一個固定標題的表，只有垂直滾動（暫時..），但具有可變寬度。

我開發這個插件來解決頭部+固定寬度的問題。

一下：https://github.com/benjaminleouzon/tablefixedheader

來源

2010-08-23 12:11:48 bln

我沒有使用任何窗口調整觀察者大小;-) – bln 2010-08-23 12:13:03

HTTP 404.這就是爲什麼總是最好將代碼包含在答案中。 – 2014-10-24 02:01:12

該解決方案可能會爲您根據您的頭的樣式工作。這是純粹的CSS。 http://salzerdesign.com/blog/?p=191

來源

2011-05-07 16:01:11

爲什麼你不只是使用a，並設置它的高度和寬度，以允許溢出。然後，只需將桌子放在那裏，您就可以走了。

對我來說，似乎只是最邏輯和去它最簡單的方法...

來源

2012-06-14 23:27:18 Epik

那麼你可以使用jQuery做這幾行代碼，你可以看到我的其他職位創造與固定頭一張桌子和滾動體

Create Table with scrollable body

後，讓想象你有一個與類名=「TOP1」頭一個DIV和一個DIV對身體與類名=「最上方的兩個」你可以將一個滾動條與另一個滾動條相綁定

$('.Top2').bind('scroll', function(){ 
    $(".Top1").scrollLeft($(this).scrollLeft()); 
}); 

$('.Top1').bind('scroll', function(){ 
    $(".Top2").scrollLeft($(this).scrollLeft()); 
});

jsFliddle demo

來源

2013-07-19 20:59:18 Sherlock

固定頭/可變寬度的表格

回答

相關問題