html中怎么固定一个table的表头和表位，拖动滚动条中间的数据滚动，而表头和表尾固定呢？表尾是用来做合计
我想要的效果是一体的，而不是分成3个table来做，网上有很多固定表头和列的例子，但是没有固定表尾的，希望哪个大哥大姐能帮忙解决。...
我想要的效果是一体的，而不是分成3个table来做，网上有很多固定表头和列的例子，但是没有固定表尾的，希望哪个大哥大姐能帮忙解决。
展开
4个回答
展开全部
给你写个固定表头的例子，固定表尾的就当是课堂练习，希望你能举一反三：
<HTML>
<HEAD>
<TITLE> JS Example</TITLE>
<style type='text/css'>
tr.locktop{
position:relative;
top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1);
}
</style>
</HEAD>
<BODY>
表头前面的内容，这些是可以滚出屏幕的，只有表头锁定。
<table id=pol_table_list cellspacing=0>
<tr class=locktop><th>表头
<tr><td>1
<tr><td>2
<tr><td>3
<tr><td>4
<tr><td>5
<tr><td>6
<tr><td>7
<tr><td>8
<tr><td>9
<tr><td>10
</table>
</BODY>
</HTML>
把浏览器窗口调得很小，才能看到效果，向下滚动的时候表头是固定的
<HTML>
<HEAD>
<TITLE> JS Example</TITLE>
<style type='text/css'>
tr.locktop{
position:relative;
top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1);
}
</style>
</HEAD>
<BODY>
表头前面的内容，这些是可以滚出屏幕的，只有表头锁定。
<table id=pol_table_list cellspacing=0>
<tr class=locktop><th>表头
<tr><td>1
<tr><td>2
<tr><td>3
<tr><td>4
<tr><td>5
<tr><td>6
<tr><td>7
<tr><td>8
<tr><td>9
<tr><td>10
</table>
</BODY>
</HTML>
把浏览器窗口调得很小，才能看到效果，向下滚动的时候表头是固定的
追问
你好，我对JS不懂，能否把表尾固定的JS也写出来？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
选中表头的下一行》窗口菜单》冻结窗格命令
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
表头表尾以及中间数据分别放到三个<table>里面，然后首尾用absolute定位
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.将table放入一个固定位置的div(定位主体)
2.table做3行，宽度自己按要求固定好。
3.中间一行写固定的宽度和高度，完了在<td>中写入一个<div>，style设置中加入:OVERFLOW-y:auto;
4.这时候该div中你可以放入表单、table、ul、div、span等网页元素，用于展现数据，当数据过长的时候，可以拉动竖直滚动条，如果出现横向滚动条，你可以将那个div设置加上OVERFLOW-x:no;
。
5.首行和尾行自己处理，难点不在这了
2.table做3行，宽度自己按要求固定好。
3.中间一行写固定的宽度和高度，完了在<td>中写入一个<div>，style设置中加入:OVERFLOW-y:auto;
4.这时候该div中你可以放入表单、table、ul、div、span等网页元素，用于展现数据，当数据过长的时候，可以拉动竖直滚动条，如果出现横向滚动条，你可以将那个div设置加上OVERFLOW-x:no;
。
5.首行和尾行自己处理，难点不在这了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
