<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