<table border="1" style="height:50px; overflow:auto;">
<thead>
<tr>
<th>Col 1
</th>
<th>Col 2
</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 3
</td>
<td>Cell 4
</td>
</tr>
<tr>
<td>Cell 5
</td>
<td>Cell 6
</td>
</tr>
</tbody>
</table>
固定我想上表是50像素高度，所以在內容的增加的滾動條會踢，但我也喜歡錶頭（THEAD）將總在最前面固定，而其他內容可以滾動。有沒有解決方案，最好使用jQuery？在<table>
在此先感謝您的幫助。
試試這個職位：jQuery Scrollable, Sortable, Filterable table
看起來他們已經得到了你所需要的（這是一個冷凍可滾動的jQuery的表格）。
<table style="width: 300px" cellpadding="0" cellspacing="0">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
<div style="overflow: auto;height: 50px; width: 320px;">
<table style="width: 300px;" cellpadding="0" cellspacing="0">
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
</table>
</div>
更新：
檢查了這一點：
需要類似的功能發現自己。找不到任何簡單的東西，所以我自己創建了插件：TH Float jQuery Plugin
我希望有人認爲它很有用。
這裏是我的竅門。你必須改變你的html中的東西。
這個技巧就是在真正滾動thead後插入js，第二個和相同的thead被定位固定。單元寬度也通過js進行調整。
根據您的需求調整代碼。
CSS
thead.fixed {
position: fixed;
}
HTML
<div style="overflow: auto;">
<table id="my_table">
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 1</td>
<td>Body 2</td>
</tr>
</tbody>
</table>
</div>
jQuery的
$(function() {
fixListThead();
});
$(window).resize(function() {
fixListThead();
});
var fixListThead = function() {
$('#my_table thead.fixed').remove(); // Removes (if present) fixed thead when resizing
var widths = [];
$('#my_table thead th').each(function(i, element) {
widths[i] = $(element).width();
});
$('<thead class="fixed">' + $('#my_table thead').html() + '</thead>').insertAfter($('#my_table thead'));
$('#my_table thead.fixed th').each(function(i, element) {
$(element).css('width', widths[i] + 'px');
});
}
使用CSS變換可能更簡單：
-webkit-transform','translateY(0px)'
erm..thats有點討厭，因爲列寬度將不匹配，除非手動指定。老實說，我曾經試過這個，後悔過。 – 3zzy 2009-12-27 13:56:16