/* * hftable 0.1 * Copyright (c) 2014 赵俊夫 http://zjfhw.iteye.com * Date: 2014-02-23 * 主要功能:将普通的Table的表头/表尾固定 * 特点: 1.该版本约定将表格第一行作为表头,所以不需要特别设置<thead>之类的标签标识表头,普通结构的table即可。 2.同上,如果设置了表尾固定,则约定表格的最后一行为表尾。 * 入参:options{ fixHeader:true/fales //是否固定表头,默认true fixFooter:true/false //是否固定表尾,默认false width //Table的宽度 height //Table的高度 * } */
使用方法:
$("用id选择器选中要转换的table").createhftable({ height:'100px', width:'700px', fixFooter:false });
效果图:
下载:(附件)
相关推荐
Jquery table固定表头,固定列,全浏览器兼容 Jquery table固定表头,固定列,全浏览器兼容
利用css和jquery实现table表头固定(浮动)显示,不复制表格内容,不更改页面元素,完全通过js设置样式来实现。
入门重置表的 css 并将克隆的标题设置为顶部 table { margin : 0 ; padding : 0 ; border : 0 ;}. stickystuff-cloned { margin-top : 0 ; position : fixed; top : 0 ; z-index : 999 ;} $ ( "table" ) . ...
超好用的jquery插件,可以让表头固定 ,几乎兼容所有浏览器
jquery table 表头固定 列固定 完美解决方案
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
jQuery fixed-table.js锁定表头Table插件特效代码.zip
基于jQuery的表头表尾固定组件 ========== table的表头表尾fixed效果,使用浏览器滚动条。兼容IE6 要求表头表尾必须在thead tfoot内 by esky 2014-02-13 步骤1:table加入外部布局容器e-tbWrap, 并生成最外层包裹容器...
JQuery固定表头 及左侧列
大家可能经常需要展示数据或者报表,表头如果滚动上去后,查看数据的类别和字段是个麻烦事情,在这里我们推荐来自tympanus的一个JS实现的 table表头固定效果,相信大家肯定会受益的,这个demo使用了jQuery来实现,...
当表格数据较多时,会导致表头随内容滚动,影响使用,因此使用jQuery做一个插件,压缩文件中有test.html是一个具体使用的案例,如果不会使用请查看https://blog.csdn.net/qq_28254093/article/details/82844050 文章
基于jquery的固定html table表头/列头插件jquery.fixedtable.js; 兼容主流浏览器,亲测(IE6,IE6+,firefox,chrome,opera)
使用演示table元素,使用jquery实现表头及列固定,简单实用。
前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。 因为方法很简单,就未封装成插件的形式,仅仅以代码...
Html5 JavaScript jquery PC端, 前端使用JavaScript静态导出Table 复杂表头,固定table复杂表头
基于Jquery的前台按表头排序table tr th
table表格,这个东西大家肯定都不陌生,代码中我们时常都能碰到,那么给table加一个斜线的表头有时是很有必要的,但是到底该怎么实现这种效果呢?
bower install angular-table-resize NPM npm install angular-table-resize 快速设置 链接样式表 < link rel =" stylesheet " href =" angular-table-resize.css " > 导入依赖 < script src =" jquery....