创建表头固定，表体可滚动的GridView

最新推荐文章于 2019-11-28 11:52:39 发布

yourdecision

最新推荐文章于 2019-11-28 11:52:39 发布

阅读量733

点赞数

分类专栏： ASP.NET 文章标签： server div table asp html function

ASP.NET 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用ASP.NET实现的学生分数展示页面。该页面利用GridView控件从内存中创建的数据源加载并显示数据，同时使用JavaScript实现了数据表格的克隆与滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>无标题页</title>

<script type="text/javascript">

function s()

{

var t = document.getElementById("<%=GridView1.ClientID%>");

var t2 = t.cloneNode(true);

for(i = t2.rows.length -1;i > 0;i--)

t2.deleteRow(i);

t.deleteRow(0);

a.appendChild(t2);

}

window.onload = s;

</script>

</head>

<body>

<form id="Form1" runat="server">

<table>

<tr>

<td>

<div id="a">

</div>

<div style="overflow-y: scroll; height: 200px">

<asp:GridView ID="GridView1" runat="server" Font-Size="12px" BackColor="#FFFFFF"

GridLines="Both" CellPadding="4" Width="560">

<HeaderStyle BackColor="#EDEDED" Height="26px" />

</asp:GridView>

</div>

</td>

</tr>

</table>

</form>

</body>

</html>

Default.aspx.cs:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

GridView1.Attributes.Add("style", "table-layout:fixed");

GridView1.DataSource = CreateDataSource();

GridView1.DataBind();

}

}

//计算数据，可以从数据库中取得

System.Collections.ICollection CreateDataSource()

{

System.Data.DataTable dt = new System.Data.DataTable();

System.Data.DataRow dr;

dt.Columns.Add(new System.Data.DataColumn("学生班级", typeof(System.String)));

dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));

dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));

dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));

dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));

dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

for (int i = 0; i < 50; i++)

{

System.Random rd = new System.Random(Environment.TickCount * i); ;

dr = dt.NewRow();

dr[0] = "班级" + i.ToString();

dr[1] = "【孟子E章】" + 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 = new System.Data.DataView(dt);

return dv;

}

}

博客等级

码龄22年

11
原创

2
点赞

2
收藏

2
粉丝

关注

私信

热门文章

分类专栏

上一篇：: table的宽度,单元格内换行问题

下一篇：: 固定头部和尾部，分页打印详细内容

最新评论

javascript 类的定义
spyzhu1: 写得真好，学习了，不过最后class1.prototype应该改为cls.prototype吧，楼主何不说说带参的构造函数呢，这样就完整了。
javascript 类的定义
BinTime: 很好！学习了！
ASP.NET 2.0 正式版中无刷新页面的开发
yourdecision: 框架页面： <html > <head> <title>无标题页</title> </head> <frameSet rows="10%,*,10%"> <frame name="TopFrame" id="TopFrame" src="about:blank"></frame> <frameSet cols="30%,*"> <frame name="LeftFrame" id="LeftFrame" src="Lefttree.aspx"></frame> <frame name="RightFrame" id="RightFrame" src="about:blank"></frame> </frameSet> <frame name="bottomFrame" id="bottomFrame" src="about:blank"></frame> </frameSet> </html> ----------------------------------------- Lefttree.aspx： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Lefttree.aspx.cs" Inherits="Lefttree" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView ID="TreeView1" runat="server"> <Nodes> <asp:TreeNode Text="新建节点" Value="新建节点"> <asp:TreeNode NavigateUrl="~/GridView/ComplexHeaderGridView.aspx" Target="RightFrame" Text="新建节点1" Value="value1"></asp:TreeNode> <asp:TreeNode NavigateUrl="~/GridView/FillFixGridView.aspx" Target="RightFrame" Text="新建节点2" Value="value2"></asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> </form> </body> </
ASP.NET 2.0 正式版中无刷新页面的开发
yourdecision: 框架页面： <html > <head> <title>无标题页</title> </head> <frameSet rows="10%,*,10%"> <frame name="TopFrame" id="TopFrame" src="about:blank"></frame> <frameSet cols="30%,*"> <frame name="LeftFrame" id="LeftFrame" src="Lefttree.aspx"></frame> <frame name="RightFrame" id="RightFrame" src="about:blank"></frame> </frameSet> <frame name="bottomFrame" id="bottomFrame" src="about:blank"></frame> </frameSet> </html> ----------------------------------------- Lefttree.aspx： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Lefttree.aspx.cs" Inherits="Lefttree" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView ID="TreeView1" runat="server"> <Nodes> <asp:TreeNode Text="新建节点" Value="新建节点"> <asp:TreeNode NavigateUrl="~/GridView/ComplexHeaderGridView.aspx" Target="RightFrame" Text="新建节点1" Value="value1"></asp:TreeNode> <asp:TreeNode NavigateUrl="~/GridView/FillFixGridView.aspx" Target="RightFrame" Text="新建节点2" Value="value2"></asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> </form> </body> </

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。