如何製作表格可滾動

有誰知道使用html和css製作表格主體的香草方式嗎？如何製作表格可滾動

顯而易見的解決方案

tbody { 
    height: 200px; 
    overflow-y: scroll; 
}

不起作用。

這是表格的明顯用途嗎？

我做錯了什麼？

您需要首先聲明一個高度，否則您的表格將擴展到相應的內容。

table{ 
    overflow-y:scroll; 
    height:100px; 
    display:block; 
}

編輯：澄清你的問題後，我編輯的小提琴：退房this Example或that way。這是相當hacky，並沒有保證工作crossbrowser，但可能適用於你的情況。

2012-09-26 08:51:05 Christoph

不還是個問題 –

發生了什麼'表的thead'一部分？ –

使用'display：block'可以工作，但通常不會推薦使用，因爲瀏覽器不再認爲它是表格。 – scoota269

你不能用表格做到這一點。用一個div包起來就像這樣：

div.wrapper { 
    overflow:hidden; 
    overflow-y: scroll; 
    height: 100px; // change this to desired height 
}

2012-09-26 08:51:21 scoota269

你想要這樣的東西嗎？

純CSS滾動表與固定頭（1）

2012-09-26 09:56:04 RMN

是的，除了我仍然必須使表中列的寬度靜態。我真的不想在運行前決定寬度。 –

第二種解決方案是黑客，如果我見過。沒有寬度標記設置，絕對沒有garantie，colom將與標題對齊 –

在這裏提出了一個類似的問題：http://stackoverflow.com/questions/10838700/large-dynamically-sized-html-table-與固定滾動行和固定滾動colu – RMN

回答