先看一张效果图
思路：
1、头部用一个table并用一个div包裹着， 表格的具体内容用一个table
2、头部外面的div用positon: relative相对定位
3、获取整个表格的高度
4、获取表格的dom（或者包裹着表格的dom）距离页面顶部的距离 offsetTop
5、滚动的零界点的距离 表格的高度+表格距离页面顶部的距离 如果滚动超过这个 就让头部的top值归0或原封不动
当然还有很多可以优化的地方 我只是展示一个小思路 嘿嘿嘿
题外话 为啥用红色表头 因为显眼哇 哈哈
JS代码
/**
* 最重要的一点是头和身体是两个table 然后定位用relative 然
2022-05-22 18:43:50
120KB
1
gridview固定表头 横向滚动 纵向固定，即拖动横向滚动条时，表头随着表体移动，纵向拖动滚动条时，表头不动，实践得出来的结果
我用的是VS2010，C#
2022-03-26 17:27:01
15KB
1
在使用confluence平台时，插入该附件，可实现表头固定~这样向下滑动页面时，所设定的固定行数会进行固定，一直显示在页面的最上方。方便录入人员进行表格填写
2021-11-26 14:33:12
316KB
1
Android可固定表头和第一列自定义表格，集成简单。
API使用说明：
LockTableView mLockTableView=new LockTableView(this,mContentView,mTableDatas);
mLockTableView.setLockFristColumn(true) //是否锁定第一列
.setLockFristRow(true) //是否锁定第一行
.setMaxColumnWidth(100) //列最大宽度
.setMinColumnWidth(70) //列最小宽度
.setMinRowHeight(20)//行最小高度
.setMaxRowHeight(60)//行最大高度
.setTextViewSize(16) //单元格字体大小
.setFristRowBackGroudColor(R.color.table_head)//表头背景色
.setTableHeadTextColor(R.color.beijin)//表头字体颜色
.setTableContentTextColor(R.color.border_color)//单元格字体颜色
.setNullableString("N/A") //空值替换值
.setTableViewListener(new LockTableView.OnTableViewListener() {
@Override
public void onTableViewScrollChange(int x, int y) {
Log.e("滚动值","["+x+"]"+"["+y+"]");
}
})//设置滚动回调监听
.show(); //显示表格,此方法必须调用
//属性值获取
Log.e("每列最大宽度(dp)",mLockTableView.getColumnMaxWidths().toString());
Log.e("每行最大高度(dp)",mLockTableView.getRowMaxHeights().toString());
Log.e("表格所有的滚动视图",mLockTableView.getScrollViews().toString());
Log.e("表格头部固定视图(锁列)",mLockTableView.getLockHeadView().toString());
Log.e("表格头部固定视图(不锁列)",mLockTableView.getUnLockHeadView().toString());
2021-10-26 09:53:09
42.05MB
1
主要介绍了BootStrap table表格插件自适应固定表头(超好用)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2021-10-19 19:41:03
84KB
1