当前位置：网学 > 编程文档 > ASP.net > 正文

在ASP.NET页面中冻结DataGrid的列或头部

作者：用户投稿来源：网络发布时间： 12/10/12

在Asp.Net1.1页面中，有时候我们需要冻结DataGrid中的某一列，比如显示的数据项过多时，我们需要让第一列不动，拖动横向滚动条时其他列隐藏，这时就需要冻结列了;另外，有时候也需要让DataGrid的头部不动，拖动纵向滚动条时，下面的数据项可以滚动。在实现的过程中，其实就是用了CSS样式来控制，一起看一下。
一.冻结某一列：

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false

" Inherits="WebDataGridColumn.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
      <HEAD>
          <title>WebForm1</title>
          <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
          <meta name="CODE_LANGUAGE" Content="C#">
          <meta name="vs_defaultClientScript" content="JavaScript">
          <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
         
         <style type="text/css">
            .fixCol {}{ ; LEFT: expression(this.offsetParent.scrollLeft); POSITION: relative }
         </style>
     </HEAD>
     <body>
        <form id="Form1" method="post" runat="server">
             <TABLE id="Table1" cellSpacing="1" cellPadding="1" width="80%" border="0" align="center">
                 <TR>
                     <TD height="50" align="center">
                         <asp:Label id="Label1" runat="server" Font-Bold="True" ForeColor="Red" Font-Size="X-Large">DataGr