欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【DataGrid表头不动，表身动】，下面是详细的分享！
DataGrid表头不动，表身动
上次和海东兄讨论了这个问题，但是他的表头没有线，所以用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>
CSDN
CSDN是中国软件开发联盟（Chinese software develop net）的缩写，是中国最大的开发者技术社区。它是集新闻、论坛、群组、Blog、文档、下载、读书、Tag、网摘、搜索、.NET、Java、游戏、视频、人才、外包、第二书店、《程序员》等多种项目于一体的大型综合性IT门户网站。
以上所分享的是关于DataGrid表头不动，表身动，下面是编辑为你推荐的有价值的用户互动：
相关问题：excel中把表头固定,往下翻时不动
答：如果表头是前3行，点击A4（第3行的下一行是第4行）后点”窗口/冻结窗格“即可。如果还要求前2列也这样设置，点击C4（前2列的后一列是C列）后点”窗口/冻结窗格“。 >>详细
相关问题：excel表头 表尾不动 中间动
答：1、打开文件后点菜单栏上的“窗口”-“新建窗口”，这时你会见到任务栏中原文件另外多出了一个一样的窗口； 2、再打开菜单栏上的“窗口”-“重排窗口”-“水平并排”，点确定后原来的文件就会在同一个页面分成上下两个窗； 3、打开菜单栏“窗口”-“冻结窗口”... >>详细
相关问题：在EXCEL表格中如何让表头不动 打印是每一页都能显...
答：文件---页面设置---工作表----顶端标题行-----单击右侧向上红箭头-------显示一个对话框------选择表头区域-------单击对话框右侧箭头-----确定 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-