230问答网 > html中怎么固定一个table的表头和表位，拖动滚动条中间的数据滚动，而表头和表尾固定呢？表尾是用来做合计

html中怎么固定一个table的表头和表位，拖动滚动条中间的数据滚动，而表头和表尾固定呢？表尾是用来做合计

2024-12-16 01:58:04

推荐回答（4个）

回答1：

给你写个固定表头的例子，固定表尾的就当是课堂练习，希望你能举一反三：

JS Example

表头前面的内容，这些是可以滚出屏幕的，只有表头锁定。

表头
1
2
3
4
5
6
7
8
9
10

把浏览器窗口调得很小，才能看到效果，向下滚动的时候表头是固定的

回答2：

选中表头的下一行》窗口菜单》冻结窗格命令

回答3：

表头表尾以及中间数据分别放到三个

里面，然后首尾用absolute定位

回答4：

1.将table放入一个固定位置的div(定位主体)
2.table做3行，宽度自己按要求固定好。
3.中间一行写固定的宽度和高度，完了在

中写入一个

，style设置中加入:OVERFLOW-y:auto;
4.这时候该div中你可以放入表单、table、ul、div、span等网页元素，用于展现数据，当数据过长的时候，可以拉动竖直滚动条，如果出现横向滚动条，你可以将那个div设置加上OVERFLOW-x:no;
。
5.首行和尾行自己处理，难点不在这了