table表格锁定行和列

最新推荐文章于 2021-09-29 21:52:08 发布

原创最新推荐文章于 2021-09-29 21:52:08 发布 · 624 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

2 篇文章

订阅专栏

SuperTables是一款用于HTML表格的JavaScript插件，支持固定头部及多级表头，可轻松实现复杂的表格布局。该插件兼容多种浏览器，包括Firefox、IE、Safari等，并提供了丰富的配置选项，如自定义样式皮肤、指定固定列数等。

HTML T ABLES WITH F IXED H EADERS AND M ORE

Features:

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)

How To Use:

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

Examples:

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/