冻结表头

插件特效
2026-07-26 02:40 2 次浏览 • 0 次下载 42.0KB
插件描述：冻结表头实现表头的冻结效果
$.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);
}