表格怎么锁定表头不动

html-css026

表格怎么锁定表头不动,第1张

excel设置表头固定不动的方法如下:

工具:华硕VivoBook15x

系统:win10

软件:excel2021

1、点击选中任意单元格,依次点击【视图】-【冻结窗口】-【冻结首行】。

2、返回到工作表中,用户拖动鼠标,则工作表中的表头则会保持固定的位置,不会随之移动。

3、如果要取消以上操作步骤,则鼠标依次点击【视图】-【冻结窗格】-【取消冻结窗格】。

4、返回到工作表中,则表头的位置又会随着鼠标的拖动而发生变化。

这种固定导航的效果,很多电商例如淘宝,都会有。

我说说他们的实现方法。

一,js算scroll的高度,就是滚动条滚了多高。

二,算悬浮的导航距离顶部的高度。

三,window的时候,对比这两个高度,如果一大于二,那么导航加个fixed。(IE7以上都有效)

然后用js处理下IE6就行。

建议去搜下相关js代码,我一般都用jQuery写。

你想要的table的头部也是一个道理,但是thead没办法fixed吧?

所以弄2个table吧,1个table放头部内容,1个table放具体内容。

另外,expression慎用,消耗浏览器资源不是一点两点。