<p class="sougouContent"> <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br> <title> new document </title> <br> <META NAME="Generator" CONTENT="EditPlus,Microshaoft"> <br> <META NAME="Author" CONTENT="EditPlus,Microshaoft"> <br> <META NAME="Keywords" CONTENT="EditPlus,Microshaoft"> <br> <META NAME="Description" CONTENT="EditPlus,Microshaoft"> <br> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <br> <script type="text/javascript"> <br> <!-- <br /> function FixTable(TableID, FixColumnNumber, width, height) { <br /> /// <summary> <br> /// 锁定表头和列 <br> /// <para> sorex.cnblogs.com </para> <br> /// </summary> <br> /// <param name="TableID" type="String"> <br> /// 要锁定的Table的ID <br> /// </param> <br> /// <param name="FixColumnNumber" type="Number"> <br> /// 要锁定列的个数 <br> /// </param> <br> /// <param name="width" type="Number"> <br> /// 显示的宽度 <br> /// </param> <br> /// <param name="height" type="Number"> <br> /// 显示的高度 <br> /// </param> <br> if ($("#" + TableID + "_tableLayout").length != 0) { <br> $("#" + TableID + "_tableLayout").before($("#" + TableID)); <br> $("#" + TableID + "_tableLayout").empty(); <br> } <br> else { <br> $("#" + TableID).after("<div id='" + TableID + "_tableLayout' style='overflow:hidden;height:" + height + "px; width:" + width + "px;'></div>"); <br> } <br> $( <br> <!-- + '<div id="' + TableID + '_tableHead"></div>'--> <br> '<div id="' + TableID + '_tableColumn"></div>' <br> + '<div id="' + TableID + '_tableData"></div>').appendTo("#" + TableID + "_tableLayout"); <br> var oldtable = $("#" + TableID); <br> var tableFixClone = oldtable.clone(true); <br> tableFixClone.attr("id", TableID + "_tableFixClone"); <br> <!-- $("#" + TableID + "_tableFix").append(tableFixClone);--> <br> var tableHeadClone = oldtable.clone(true); <br> tableHeadClone.attr("id", TableID + "_tableHeadClone"); <br> <!--$("#" + TableID + "_tableHead").append(tableHeadClone);--> <br> var tableColumnClone = oldtable.clone(true); <br> tableColumnClone.attr("id", TableID + "_tableColumnClone"); <br> $("#" + TableID + "_tableColumn").append(tableColumnClone); <br> $("#" + TableID + "_tableData").append(oldtable); <br> $("#" + TableID + "_tableLayout table").each(function () { <br> $(this).css("margin", "0"); <br> }); <br> <!--var HeadHeight = $("#" + TableID + "_tableHead thead").height();--> <br> <!--頭の高さ += 2;--> <br> <!--$("#" + TableID + "_tableHead").css("height", HeadHeight)-->; <br> <!--$("#" + TableID + "_tableFix").css("height", HeadHeight);--> <br> var ColumnsWidth = 0; <br> var ColumnsNumber = 0; <br> $("#" + TableID + "_tableColumn tr:last td:lt(" + FixColumnNumber + ")").each(function () { <br> ColumnsWidth += $(this).outerWidth(true); <br> ColumnsNumber++; <br> }); <br> 列幅 += 2; <br> if ($.browser.msie) { <br> switch ($.browser.version) { <br> case "7.0": <br> if (ColumnsNumber >= 3) ColumnsWidth--; <br> 休憩。 <br> case "8.0": <br> if (ColumnsNumber >= 2) ColumnsWidth--; <br> 休憩。 <br> } <br> } <br> $("#" + TableID + "_tableColumn").css("width", ColumnsWidth); <br> <!-- $("#" + TableID + "_tableFix").css("width", ColumnsWidth);--> <br> $("#" + TableID + "_tableData").scroll(function () { <br> <!-- $("#" + TableID + "_tableHead").scrollLeft($("#" + TableID + " _tableData").scrollLeft());--> <br /> $("#" + TableID + "_tableColumn").scrollTop($("#" + TableID + "_tableData").scrollTop()); <br /> }) ; <br /> <!-- $("#" + TableID + "_tableFix").css({ "overflow": "hidden", "position": "relative", "z-index": "50", "background- color": "シルバー" });--> <br> <!-- $("#" + TableID + "_tableHead").css({ "overflow": "hidden", "width": width - 17, "position": "relative", "z-index ": "45", "background-color": "シルバー" });--> <br> $("#" + TableID + "_tableColumn").css({ "overflow": "hidden", "height": height - 17, "position": "relative", "z-index": "40" , "背景色": "シルバー" }); <br> $("#" + TableID + "_tableData").css({ "overflow": "scroll", "width": width, "height": height, "position": "relative", "z-index" : "35" }); <br> if ($("#" + TableID + "_tableColumn").height() > $("#" + TableID + "_tableColumn table").height()) { <br> $("#" + TableID + " _tableColumn").css("height", $("#" + TableID + "_tableColumn table").height()); <br> $("#" + TableID + "_tableData").css("height", $("#" + TableID + "_tableColumn table").height() + 17); <br> } <br> $("#" + TableID + "_tableColumn").offset($("#" + TableID + "_tableLayout").offset()); <br> $("#" + TableID + "_tableData").offset($("#" + TableID + "_tableLayout").offset()); <br> } <br> $(document).ready(function () { <br> FixTable("MyTable", 2, 600, 400); <br> }); <br> //--> <br> </script> <br> </head> <br> <body style="overflow:hidden;"> <br> 鸣谢翻訳转自 <br> <br> <br> <a href="http://www.cnblogs.com/sorex/archive/2011/06/30/2093499.html">http://www.cnblogs.com/sorex/archive/2011/06 /30/2093499.html</a> <br> <br> <br> <表 <br /> style="border-bottom-color: black; border-top-color: black; width: 1000px; color: #000000; border-right-color: black; font-size: medium; border-left -color: black" <br /> id="MyTable" <br /> border="1" <br /> cellspacing="0" <br /> cellpadding="0" <br /> > <br> <br> </p> <tr> <br> <th style="text-align: center; width: 80px" rowspan="3"> <br> 姓名 <br> </th> <br> <th style="text-align: center; width: 80px" rowspan="3"> <br> 班级 <br> </th> <br> <th style="text-align: center" colspan="10"> <br> 成绩 <br> </th> <br> </tr> <br> </tr> <tr> <br> <th style="text-align: center" colspan="3"> <br> 主科 <br> </th> <br> <th style="text-align: center" colspan="3"> <br> 文科 <br> </th> <br> <th style="text-align: center" colspan="3"> <br> 科学 <br> <br> <th style="text-align: center; width: 80px" rowspan="2"> <br> 总分 <br> </th> <br> </tr> <br> </tr> <tr> <br> <th style="text-align: center; width: 80px"> <br> 语文 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 数学 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 英語 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 政治 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 历史 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 地理 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 物理的 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 化学 <br> </th> <br> <th style="text-align: center; width: 80px"> <br> 生物 <br> </th> <br> </tr> <br> <!-- <br /> <tr> <br> <th style="width: 80px; text-align: center;" _mce_style="width: 80px; text-align: center;"> <br> 姓名 <br> </th> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 班级 <br> <th style="width: 80px; text-align: center;" text-align: center></th> 语文 <br> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 数学 <br> </th> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 英語 <br> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 政治 <br> </th> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 历史 <br> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 地理 <br> </th> <br> <th style="width: 80px; text-align: center;" _mce_style="width: 80px; text-align: center;"> <br> 物理 <br> </th> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 化学 <br> </th> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 生物 <br> </th> <br> <th style="width: 80px; text-align: center;" text-align: center></th> 总分 <br> <br> </tr> <br> </頭> <br> <tbody> <br> <!-- データ行 --> <br> <tr> <br> <td> <br> 学生32 <br> </td> <br> </td> <td> <br> 班级1 <br> </td> <br> </td> <td> <br> 29 <br> </td> <br> <td> <br> 25 <br> </td> <br> <td> <br> 146 <br> </td> <br> <td> <br> 28 <br> </td> <br> <td> <br>79 . </td> ; <br> > <br> ブラウザが古い場合: <br> ブラウザが小さい場合: <br> <br> アドバイスと十分な責任を共有してください。ありがとう。 <br> <br> <br> <br> <br> <br> <br>ディスカッションへの返信(解決策)<br> <br> みんな良い方法を持っています。 。 245322563@qq.com にメールを送信してください ありがとうございます <br> </td> </tr>