การคัดลอกรหัสมีดังนี้:
< %@ page language = "C#" AutoEventWireUp = "true" %>
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<script runat = "เซิร์ฟเวอร์">
// คำนวณข้อมูลซึ่งสามารถรับได้จากข้อมูล
icollection createDataSource ()
-
System.Data.Datatable DT = ใหม่ System.Data.Datatable ();
System.data.Datarow DR;
dt.columns.add (ใหม่ System.data.datacolumn ("คลาสนักเรียน", typeof (system.string)));
dt.columns.add (ใหม่ System.data.datacolumn ("ชื่อนักเรียน", typeof (system.string)));
dt.columns.add (ใหม่ System.data.datacolumn ("จีน", typeof (system.decimal)));
dt.columns.add (ใหม่ System.data.datacolumn ("คณิตศาสตร์", typeof (system.decimal)));
dt.columns.add (ใหม่ System.data.datacolumn ("ภาษาอังกฤษ", typeof (system.decimal)));
dt.columns.add (ใหม่ System.data.datacolumn ("คอมพิวเตอร์", typeof (system.decimal)));
สำหรับ (int i = 0; i <50; i ++)
-
System.random RD = ใหม่ System.random (Environment.tickcount * i);;
dr = dt.newrow ();
dr [0] = "คลาส" + i.toString ();
DR [1] = "TEST" + I.TOSTRING ();
dr [2] = system.math.round (rd.nextdouble () * 100, 2);
dr [3] = system.math.round (rd.nextdouble () * 100, 2);
dr [4] = system.math.round (rd.nextdouble () * 100, 2);
DR [5] = System.Math.Round (rd.nextDouble () * 100, 2);
dt.rows.add (DR);
-
System.Data.Dataview DV = ใหม่ System.Data.Dataview (DT);
คืน DV;
-
void page_load ที่ได้รับการป้องกัน (ผู้ส่งวัตถุ EventArgs E)
-
if (! ispostback)
-
gridview1.attributes.add ("Style", "Table-Layout: แก้ไข");
gridview1.datasource = createDataSource ();
gridview1.databind ();
-
-
</script>
<script type = "text/javascript">
ฟังก์ชัน s () {
var t = document.getElementById ("<%= gridView1.clientid%>");
var t2 = t.clonenode (จริง)
สำหรับ (i = t2.rows.length-1; i> 0; i--)
t2.deleterow (i)
T.DeleTerow (0)
A.AppendChild (T2)
-
window.onload = s
</script>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> สร้างส่วนหัวตารางคงที่และตัวตารางที่เลื่อนได้ </title>
</head>
<body>
<form id = "form1" runat = "เซิร์ฟเวอร์">
<table>
<tr>
<td>
<div id = "a">
</div>
<div style = "overflow-y: scroll; ความสูง: 200px">
<ASP: gridView id = "gridView1" runat = "เซิร์ฟเวอร์" font-size = "12px" backcolor = "#ffffff"
gridlines = "ทั้งสอง" cellpadding = "4" width = "560">
<HeaderStyle backcolor = "#ededed" ความสูง = "26px" />>>
</asp: gridview>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>