冻结表头

 查看演示  website  立即下载

$.fn.mergeAttributes = function(src) {
	if ($.browser.msie) {
		$(this).get(0).mergeAttributes(src.get(0));
	} else {
		attrs = src.get(0).attributes;
		i = attrs.length - 1;
		for (; i >= 0; i--) {
			var name = attrs[i].name;
			if (name.toLowerCase() === 'id' || attrs[i].value == "" || attrs[i].value == null || attrs[i].value == "null") {
				continue;
			}
			try {
				$(this).attr(name, attrs[i].value);
			} catch(e) {}
		}
	}
}
$.fn.FrozenTable = function(iRowHead, iRowFoot, iColLeft) {
	var oTable = $(this);
	var oTableId = oTable.attr("id");
	var oDiv = $(this).parent();
	if (oDiv.get(0).tagName != "DIV") return;
	oTable.find("td").attr("noWrap", "nowrap");
	//oTable.css("table-layout","fixed");
	if (oTable.width() > oDiv.width() && oTable.height() > oDiv.height()) {
		if (iRowHead > 0 && iColLeft > 0) {
			var oCloneTable = $("<table id='oTableLH_" + oTableId + "'></table>");
			oDiv.parent().append(oCloneTable);
			oCloneTable.CloneTable(oTable, 0, iRowHead, iColLeft);
			oCloneTable.css("position", "absolute");
			oCloneTable.css("z-index", "1004");
			oCloneTable.css("left", oDiv.offset().left);
			oCloneTable.css("top", oDiv.offset().top);
		}
		if (iRowFoot > 0 && iColLeft > 0) {
			var oCloneTable = $("<table id='oTableLF_" + oTableId + "'></table>");
			oDiv.parent().append(oCloneTable);
			oCloneTable.CloneTable(oTable, oTable.find("tr").length - iRowFoot, oTable.find("tr").length, iColLeft);
			oCloneTable.css("position", "absolute");
			oCloneTable.css("z-index", "1003");
			oCloneTable.css("left", oDiv.offset().left);
			oCloneTable.css("top", (oDiv.offset().top + oDiv.outerHeight(true) - oCloneTable.outerHeight(true) - 17));
		}
	}
	if (iRowHead > 0 && oTable.height() > oDiv.height()) {
		var oCloneDiv = $("<div id='oDivH_" + oTableId + "'><table></table></div>");
		oDiv.parent().append(oCloneDiv);
		oCloneDiv.find("table").CloneTable(oTable, 0, iRowHead, -1);
		oCloneDiv.css("overflow", "hidden");
		oCloneDiv.css("width", oDiv.outerWidth(true) - 17);
		oCloneDiv.css("position", "absolute");
		oCloneDiv.css("z-index", "1002");
		oCloneDiv.css("left", oDiv.offset().left);
		oCloneDiv.css("top", oDiv.offset().top);
	}
	if (iRowFoot > 0 && oTable.height() > oDiv.height()) {
		var oCloneDiv = $("<div id='oDivF_" + oTableId + "'><table></table></div>");
		oDiv.parent().append(oCloneDiv);
		oCloneDiv.find("table").CloneTable(oTable, oTable.find("tr").length - iRowFoot, oTable.find("tr").length, -1);
		oCloneDiv.css("overflow", "hidden");
		oCloneDiv.css("width", oDiv.outerWidth(true) - 17);
		oCloneDiv.css("position", "absolute");
		oCloneDiv.css("z-index", "1001");
		oCloneDiv.css("left", oDiv.offset().left);
		oCloneDiv.css("top", oDiv.offset().top + oDiv.outerHeight(true) - oCloneTable.outerHeight(true) - 17);
	}
	if (iColLeft > 0 && oTable.width() > oDiv.width()) {
		var oCloneDiv = $("<div id='oDivL_" + oTableId + "'><table></table></div>");
		oDiv.parent().append(oCloneDiv);
		oCloneDiv.find("table").CloneTable(oTable, 0, oTable.find("tr").length, iColLeft);
		oCloneDiv.css("overflow", "hidden");
		oCloneDiv.css("height", oDiv.outerHeight(true) - 17);
		oCloneDiv.css("position", "absolute");
		oCloneDiv.css("z-index", "1000");
		oCloneDiv.css("left", oDiv.offset().left);
		oCloneDiv.css("top", oDiv.offset().top);
	}
	oDiv.scroll(function() {
		if (typeof($("#oDivH_" + oTableId).get(0)) != 'undefined') {
			$("#oDivH_" + oTableId).scrollLeft($(this).scrollLeft());
		}
		if (typeof($("#oDivF_" + oTableId).get(0)) != 'undefined') {
			$("#oDivF_" + oTableId).scrollLeft($(this).scrollLeft());
		}
		if (typeof($("#oDivL_" + oTableId).get(0)) != 'undefined') {
			$("#oDivL_" + oTableId).scrollTop($(this).scrollTop());
		}
	});
};
$.fn.CloneTable = function(oSrcTable, iRowStart, iRowEnd, iColumnEnd) {
	var iWidth = 0,
	iHeight = 0;
	$(this).mergeAttributes(oSrcTable);
	var Log = "";
	var rowspanValue = 0;
	var rowNumber = 0;
	var rowIndex;
	for (var i = iRowStart; i < iRowEnd; i++) {
		var oldTr = oSrcTable.find("tr").eq(i);
		var isSingleRowspan = false;
		var rowspanCount = 0;
		var colCount = 0;
		var colNumber = 0;
		for (var j = 0; j < (iColumnEnd == -1 ? oldTr.find("td").length: iColumnEnd); j++) {
			var oidTd = oldTr.find("td").eq(j);
			colNumber++;
			var colspan = oidTd.attr("colspan");
			if (typeof(colspan) == "undefined" || colspan == 1) {
				colCount += 1;
			} else {
				colCount += colspan;
			}
			var rowspan = oidTd.attr("rowspan");
			if (typeof(rowspan) != "undefined" && rowspan != 1) {
				rowspanCount++;
				rowIndex = i;
				rowspanValue = rowspan;
				rowNumber = rowspanCount;
			}
			if (colCount >= iColumnEnd && iColumnEnd != -1) {
				break;
			}
		}
		Log += i + "==" + rowIndex + "=" + rowspanCount + "=" + rowNumber + "=" + rowspanValue + "<br>";
		if (i > rowIndex && i <= (rowIndex + rowspanValue - 1) && iColumnEnd != -1) {
			if (rowNumber != 0 && iColumnEnd == rowNumber) {
				isSingleRowspan = true;
			} else {
				colNumber -= 1;
				if (rowspanCount == 0) {
					colNumber -= (rowNumber - 1);
				}
			}
		}
		if (colNumber != 0) {
			var newTr = $("<tr></tr>");
			newTr.mergeAttributes(oldTr);
			var jWidth = 0;
			iHeight += oldTr.outerHeight(true);
			for (var j = 0; j < colNumber; j++) {
				if (isSingleRowspan) {
					continue;
				}
				var oidTd = oldTr.find("td").eq(j);
				var newTd = oidTd.clone();
				/*IE 一行多列合并时
if(iColumnEnd==-1 && iRowStart!=0 && $.browser.msie){
if (typeof(newTd.attr("colspan"))!="undefined" && newTd.attr("colspan")!=1) { 
alert(newTd.text()+"==2=="+newTd.attr("colspan")+"---"+colCount);
}  
}
if(iColumnEnd==-1 && iRowStart!=0 && j==1){
   newTd.width(oidTd.outerWidth(true)-1);
jWidth += (oidTd.outerWidth(true)-1);
}else{
newTd.width(oidTd.outerWidth(true));
jWidth += oidTd.outerWidth(true);
}*/

				newTd.height(oidTd.outerHeight(true));
				newTd.width(oidTd.outerWidth(true));
				jWidth += oidTd.outerWidth(true);
				iWidth = Math.max(iWidth, jWidth);
				newTr.append(newTd);
			}
			$(this).append(newTr);
		}
	}
	$(this).width(iWidth);
	$(this).height(iHeight);
}

PREVIOUS:
NEXT:
淡入淡出效果的TAB标签
jQuery Validation Plugin表单验证