表格头固定而列可滚动的效果_javascript技巧

选择 订单编号 订货日期 订货单位 订单类别 产品类别 版本号 订货金额 订单状态
DJPH001 2005-02-02 19 直销 KIS 5 12.0000 已取消
DJPH001 2005-02-02 19 购销 KIS 5 21.0000
DJPH889 2005-02-02 0 购销 KIS 5 21.0000 已取消
DJPH889 2005-02-02 0 直销 KIS 5 1.0000
tytutyjh465456 2005-02-02 0 购销 KIS 0 21.0000 生产部已审核
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 21.0000 生产部已审核
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000 总代已审核
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 32.0000 已取消
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000 已取消
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000 已取消
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000 已取消
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 21.0000 已取消
KDSZ2005050698 2005-05-05 -1 分销 KIS 10.2 12.0000 已取消
时间: 2024-12-02 23:48:25

表格头固定而列可滚动的效果_javascript技巧的相关文章

JS实现自动固定顶部的悬浮菜单栏效果_javascript技巧

本文实例讲述了JS实现自动固定顶部的悬浮菜单栏效果.分享给大家供大家参考.具体如下: 这是一款自动固定顶部的悬浮菜单栏代码,不管你如何拉动滚动条,它会始终显示在网页的最顶部,用作网站的顶级导航或公告之类的比较合适吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-fix-top-float-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T

JavaScript动态操作表格实例(添加,删除行,列及单元格)_javascript技巧

复制代码 代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>js动态操作表格</title><script language="javascript">function init(){_table=document.getElementByI

js动态修改表格行colspan列跨度的方法_javascript技巧

本文实例讲述了js动态修改表格行colspan列跨度的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <head> <script> function setColSpan() { var x=document.getElementById('myTable').rows[0].cells; x[0].colSpan="2"; x[1].colSpan="6"; } </sc

JavaScript与jQuery实现的闪烁输入效果_javascript技巧

本文实例讲述了JavaScript与jQuery实现的闪烁输入效果.分享给大家供大家参考,具体如下: html部分 <div id="code"> <p>/**</p> <p>*2014-2-12</p> <p>*代码自动闪烁输入</p> <p>*/</p> 2014-2-14,I want to say:<br /> Baby, I love you forever

javascript运动框架用法实例分析(实现放大与缩小效果)_javascript技巧

本文实例讲述了javascript运动框架用法.分享给大家供大家参考,具体如下: 该运动框架可以实现多物体任意值运动 运行效果截图如下: 例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>运动框架</title> <style> #div1{ width:100px; height:100px; background:red;

JS实现table表格数据排序功能(可支持动态数据+分页效果)_javascript技巧

asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需要找到asc码) 原理就是利用数组自带的sort排序,进行表格重组.已在.net mvc 中测试过.支持分页.(申明一点.只对当前页面数据排序 无刷新,对所有页面排序的话,肯定需要刷新.这点我还在解决中.)希望有新想法的高手们,给下指点. 下面把html的代码贴出来: <!DOCTYPE HTML

JS实现部分HTML固定页面顶部随屏滚动效果_javascript技巧

本文实例讲述了JS实现部分HTML固定页面顶部随屏滚动效果.分享给大家供大家参考,具体如下: 我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端.如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡. 这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE.Firefox.Chrome下都能正常工作. 使用这个特效代码需要注意,如

js获取表格的行数和列数的方法_javascript技巧

如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: <table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> <tr> <td> </td> <td> </td> <td> </

不错的Javascript表格翻页效果_javascript技巧

共 6 页 当前第 1 页 第一页 上一页 下一页 最后一页 转到第123456页 标题 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24