0
A
回答
0
將標題放在表頭中只是我知道的解決方案。我可以在這裏提出如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>Scrolling tbody</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>TABLE {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 100%; BORDER-BOTTOM: black 1px solid
}
.noscroll {
BACKGROUND-COLOR: silver
}
TBODY {
OVERFLOW: auto; HEIGHT: 130px; width: 300px;
}
TH {
HEIGHT: 20px
}
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px
}
.container {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: auto; BORDER-LEFT: black 1px solid; WIDTH: 300px; BORDER-BOTTOM: black 1px solid; HEIGHT: 150px
}
.noscroll {
POSITION: relative
}
</STYLE>
<META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD>
<BODY>
<DIV class=container>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<THEAD>
<TR class=noscroll>
<TH>Col 1</TH>
<TH>Col 2</TH>
<TH>Col 3</TH>
<TH>Col 4</TH>
<TH>Col 5</TH></TR></THEAD>
<TBODY>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR></TBODY></TABLE></DIV></BODY></HTML>
相關問題
- 1. 具有固定標題和滾動問題的Datagrid滾動條
- 2. 使用固定標題滾動UL
- 3. 滾動時固定標題
- 4. 標題不滾動表固定標題
- 5. 錨定慢速滾動固定標題
- 6. 滾動表格,保持標題固定
- 7. WebView Html固定標題滾動表
- 8. 視差滾動固定標題
- 9. 固定標題和滾動HTML
- 10. 固定標題以上滾動表
- 11. CSS固定標題,滾動正文
- 12. IE8固定標題,可滾動GridView
- 13. Wordpress標題固定跳轉滾動
- 14. 滾動固定標題下的頁面
- 15. 帶固定標題和固定列的可滾動HTML表格
- 16. 使用滾動條固定表格標題IE8中的GridView中
- 17. 使用JavaScript將水平滾動標題固定在頂部
- 18. 在asp.net中使用可滾動主體的固定標題Gridview
- 19. 如何在滾動時使固定標題更改顏色
- 20. 如何使表可滾動固定標題
- 21. jQuery Mobile - 在滾動時使固定標題不會淡出
- 22. 在IE6中滾動時,固定標題不起作用
- 23. 滾動標題固定jQuery代碼不起作用
- 24. 固定標題與滾動內容?和小css問題
- 25. 固定標題問題 - 沒有水平滾動
- 26. WPF - 使用鼠標滾輪滾動使用自定義擴展器凍結DataGrid
- 27. 應用:固定VS滾動
- 28. 固定/滾動Div
- 29. 表:固定滾動期間使用JS
- 30. 使用固定頂欄滾動到ID
你可能想要閱讀你自己的問題。它可能不是你期望的。 – 2010-05-07 09:06:25