用CSS 固定gridview标题列

.fixedHeaderTr  
    {  
        background-color:whitesmoke;  
        z-index:10;  
        position:relative;  
        top:expression(this.offsetParent.scrollTop);  
}

 

gridview中:

     <HeaderStyle CssClass="fixedHeaderTr" />
用css   比较好

---------------------第2种方法

 

 

ContractedBlock.gif ExpandedBlockStart.gif Code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="BidManage_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()
ExpandedBlockStart.gifContractedBlock.gif        
{
             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>

 

CS文件:

ContractedBlock.gif ExpandedBlockStart.gif Code
using System;
using System.Data;
using System.Configuration;
using System.Collections;
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 BidManage_Default : System.Web.UI.Page
ExpandedBlockStart.gifContractedBlock.gif
{
    
protected void Page_Load(object sender, EventArgs e)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{
        
if (!IsPostBack)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            GridView1.Attributes.Add(
"style""table-layout:fixed");
            GridView1.DataSource 
= CreateDataSource();
            GridView1.DataBind();
        }

    }


     
  ICollection CreateDataSource( )
ExpandedSubBlockStart.gifContractedSubBlock.gif  
{
    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++)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
{
      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() * 1002);
      dr[
3= System.Math.Round(rd.NextDouble() * 1002);
      dr[
4= System.Math.Round(rd.NextDouble() * 1002);
      dr[
5= System.Math.Round(rd.NextDouble() * 1002);
      dt.Rows.Add(dr);
    }

    System.Data.DataView dv 
= new System.Data.DataView(dt);
    
return dv;

  }


}

 

效果图:


 

 

转载于:https://www.cnblogs.com/yingpp/archive/2009/07/14/1523049.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值