最近在写一个项目,然后要实现表头固定,tbody内容滚动的效果,该项目中没有使用任何插件,并且表格列数蛮多的,刚开始实现起来遇到各种问题,感觉蛮复杂的,后来找到了一种利用transform的方法实现,效果还不错,请看代码~~~~~~
————代码————
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
委托编号
交易日
账户编号
账户名称
组合编号
组合名称
自定义订单编号
证券代码
证券名称
交易所
价格类型
委托价格
委托数量
委托金额
买卖方向
订单状态
组合开平标志
组合投机套保标志
备兑标志
报单类型
今成交数量
今成交金额
撤成\废单数量
剩余数量
订单总费用
报单日期
委托时间
最后修改时间
撤销时间
撤单编号
操作员编号
操作员名称
柜台委托编号
订单IP
订单MAC
订单硬盘序列号
订单机器码
订单操作系统
会话编号
前置编号
交易编码
席位号
营业部代码
有效期类型
成交量类型
最小成交量
触发条件
止损价
OR委托编号
状态信息
发起标志
预留字段1
预留字段2
撤单标志
备注
————效果如下图————