- Fixed headers - vertical and horizontal scrolling supported
- Supports multiple header rows
- Supports multiple fixed left columns
- Minimal implementation needed
- Easy to skin
-
MIT Style License
- Supports: Firefox 2+, Internet Explorer 5.5+, Safari 3+, Opera 9+ and Chrome (Tested in Windows)
- Include superTables.js and superTables.css in the page / template containing your HTML table.
- Make sure your table has an id assigned to it. Then, in either your onLoad or onDomReady function,
create the new superTable object using the table's id as the parameter along with any options you choose.
- Available options:
variable
data type
note
cssSkin |
string |
eg. "sDefault", "sSky", "sOrange", "sDark" |
headerRows |
integer |
default is 1 |
fixedCols |
integer |
default is 0 |
colWidths |
array (integers) |
use -1 for auto sizing ( in the array ) |
onStart |
function |
executed at the start of the script |
onFinish |
function |
executed at the end of the script |
var myST = new superTable("myTableId");
var myST = new superTable("myTableId", {
cssSkin : "sDefault",
headerRows : 1,
fixedCols : 2,
colWidths : [100, 230, 220, -1, 120, -1, -1, 120],
onStart : function () {
this.start = new Date();
},
onFinish : function () {
alert("Finished... " + ((new Date()) - this.start) + "ms.");
}
});
表格内容过多,锁定行和列效果刚刚的...
copy from:http://www.matts411.com/post/super_tables/
分享到:
相关推荐
当表格的内容很多,表格很长、很高的时候,为了查阅方便,常常要有固定表的表头和左侧侧栏的需求。
table表格锁定的例子,试过了,很好用。
在html的表格中,锁定行头和列头,使用样式表,不用加载第三方控件.
前几天有人问我,在Web开发当中,固定表格 的行和列,怎么做比较简单一点,我在这这里做了几个Demo,适用于table,当然也适用于各种表格控件。希望大家有时间看一下。Css学好是很重要的
js实现像excel表格锁定功能,拖动滚动条指定锁住的列不滚动,内容使用的是table表格 使用代码: var Options = { table : "tb", width : 600, height : 300, rows : 1, cells : 2 } new Fixed(Options);
Android可固定表头和第一列自定义表格,集成简单。 API使用说明: LockTableView mLockTableView=new LockTableView(this,mContentView,mTableDatas); mLockTableView.setLockFristColumn(true) //是否锁定第一列 ...
javascript 绘制表格table,可以固定首行,首列,其他内容滚动显示.兼容ie,firefox,chrome等浏览器.
表格的行列锁定,采用js+css将table的行头列头冻结,自我感觉已经比较较完美了
支持table列表行列锁定,详情请查看demo代码,使用注意div的层次和各个元素的ID值
html的table滚动时固定首行和首例,网上多为3个table拼合实现,现使用一个table实现
页面显示表格,表格的首行冻结,首列冻结,最后一行也冻结,实现数据查看和合计查看的效果。DemoDemoDemoDemo
移动端项目,移动端table固定表头与固定第一列,HTML5和css3
Javascript脚本实现HTML页面中表格Table的标题行固定位置,并与表格内容对齐。
QT表格固定第一列,有需要的同学下来参考
vue移动端项目 一个可以固定表头首列的表格 ,没有使用UI插件。 感兴趣的朋友可以参考下,希望对大家有所帮助
html表格列锁定,能够锁定多列并拖拽,如果锁定的列超出div宽度的话,会取消拖拽效果,只有当需要锁定的列不大于div时显示正常
前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。 因为方法很简单,就未封装成插件的形式,仅仅以代码...
通过创建3个div来进行遮罩的原理实现了表格锁定,在页面上调用的时候只需指定div,table的id和要锁定的行数,列数即可
js实现html table 表头,指定列锁定 实现效果如下: 感兴趣的朋友可以直接复制出来运行看效果。 <!DOCTYPE ...