(superTables)固定GridView 的表头和某几列(GridView冻结表头和列)用法

这是别人的一个列子,我加了一点使用说明。
这需要一个样式表和js,具体可以下载源文件  http://download.csdn.net/detail/liujun13579/5332296

前台:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FixHc.aspx.cs" Inherits="FixHc" %>







    css 和js固定GridView表头和某几列
   
    
   
   


   


   

              style="word-break:keep-all" BorderColor="#CCCCCC" BorderStyle="Solid" 
         BorderWidth="1px">
         
         
       

   

   





前台代码要点说明:
1、源码中的 JavaScript 控制代码必须获得 GridView 网格控件,所以必须写在 GridView 网格控件之后。(这个不是太理解)
2、 fixedColsdd  设置要固定的列数,这里设置固定3列 即: fixedCols: 3,
3、需要引用
JavaScript 和 CSS 文件:

   < script  type ="text/javascript"  src ="superTables.js" > script >
   < link  href ="superTables_Default.css"  rel ="Stylesheet"  type ="text/css"   />


具体可以下载源文件。http://download.csdn.net/detail/liujun13579/5332296


后台代码;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;


public partial class FixHc : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        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)));
        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)));
        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] = "虚拟人" + 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);
            dr[6] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[7] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[8] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[9] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[10] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[11] = System.Math.Round(rd.NextDouble() * 100, 2);
            dr[12] = System.Math.Round(rd.NextDouble() * 100, 2);
            dt.Rows.Add(dr);
        }
        grid_Report.DataSource = dt;
        grid_Report.DataBind();
    }
   
}


效果图如下:
(superTables)固定GridView 的表头和某几列(GridView冻结表头和列)用法_第1张图片

你可能感兴趣的:(asp.net)