DataGrid表头不动,表身动_.Net教程
推荐:在ASP.NET中使用AJAX的简单方法 介绍 本文介绍了使用AJAX和ASP.NET编写web应用程序的一个简单方法。同时,讨论了使用AJAX的好处和不足。为了举例说明,本文给出了相应的JavaScript代码和用C#.NET编写的ASP.NET代码。
上次和海东兄讨论了这个问题,但是他的表头没有线,所以用Div形式实现了,实现功能显示表格,代码如下(后台.cs文件只要绑定数据就可以了,字段和前台绑定的一致就OK了,在此不加赘述):
<%@ Page language="c#" Codebehind="dg1.aspx.cs" AutoEventWireup="false" Inherits="netLearn.dg1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>dg1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script language="javascript">
function window.onload()
{
var dg = document.getElementById('DataGrid1');
var strHTML = "";
for( var i=1; i<dg.rows.length;i )
{
strHTML = dg.rows[i].cells[0].innerHTML;
}
dg.rows[1].cells[0].innerHTML = "<div id='dgContent' style='height:250px;overflow-y:scroll'>" strHTML "</div>";
for( var i=dg.rows.length-1; i>1;i--)
{
dg.deleteRow(i);
}
}
</script>
</HEAD>
<body MS_POSITIONING="FlowLayout">
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<asp:datagrid id="DataGrid1" runat="server" Width="576px" Height="192px" AutoGenerateColumns="False"
BorderWidth="0px" CellPadding="0">
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
<table cellpadding="2" cellspacing="1" bgcolor="PaleTurquoise" width="100%">
<tr>
<th bgcolor="#006699" width="25%" align="center" style="color:#ffffff">
序号</td>
<th bgcolor="#006699" width="25%" align="center" style="color:#ffffff">
ID号</td>
<th bgcolor="#006699" width="25%" align="center" style="color:#ffffff">
姓名</td>
<th bgcolor="#006699" width="25%" align="center" style="color:#ffffff">
年龄</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table cellpadding="2" cellspacing="1" bgcolor="PaleTurquoise" width="100%">
<tr>
<td bgcolor="LightSkyBlue" width="25%" style="padding-left:10px;"><%#Container.ItemIndex 1%></td>
<td bgcolor="LightSkyBlue" width="25%" style="padding-left:10px;"><%#DataBinder.Eval(Container.DataItem,"ID")%></td>
<td bgcolor="LightSkyBlue" width="25%" style="padding-left:10px;"><%#DataBinder.Eval(Container.DataItem,"Name")%></td>
<td bgcolor="LightSkyBlue" width="23%" style="padding-left:10px;"><%#DataBinder.Eval(Container.DataItem,"Age")%></td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid></FONT></form>
</body>
</HTML>
分享:解析在ASP.NET中调用存储过程的方法 在使用.NET的过程中,数据库访问是一个很重要的部分,特别是在B/S系统的构建过程中,数据库操作几乎成为了一个必不可少的操作。调用存储过程实现数据库操作使很多程序员使用的方法,而且大
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP发送Email实例(可带附件)
- js实现广告漂浮效果的小例子
- asp.net Repeater 数据绑定的具体实现
- Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
- Asp.net获取客户端IP常见代码存在的伪造IP问题探讨
- VS2010 水晶报表的使用方法
- ASP.NET中操作SQL数据库(连接字符串的配置及获取)
- asp.net页面传值测试实例代码
- DataGridView - DataGridViewCheckBoxCell的使用介绍
- asp.net中javascript的引用(直接引入和间接引入)
- 三层+存储过程实现分页示例代码
- 相关链接:
- 教程说明:
.Net教程-DataGrid表头不动,表身动。