ASP.NET 2.0中GridView无限层复杂表头的实现

最新推荐文章于 2024-09-02 14:34:05 发布
最新推荐文章于 2024-09-02 14:34:05 发布
阅读量434 收藏
点赞数
分类专栏： .net 2.0 文章标签： asp.net server asp object vb.net html
 

实现方法就是给单元格填充我们想要的格式代码。

C#

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
   // 计算数据，完全可以从数据看取得
  ICollection CreateDataSource( )
  {
    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 < 8; 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 );
      dt.Rows.Add(dr);
    }
    System.Data.DataView dv = new  System.Data.DataView(dt);
    return  dv;
  }

  protected void Page_Load( object  sender, EventArgs e )
  {
    if (! IsPostBack)
    {
      GridView1.BorderColor =  System.Drawing.Color.DarkOrange;
      GridView1.DataSource =  CreateDataSource();
      GridView1.DataBind();
    }
  }

  protected void GridView1_RowCreated( object  sender, GridViewRowEventArgs e )
  {

    if (e.Row.RowType ==  DataControlRowType.Header)
    {
      //创建一个GridViewRow，相当于表格的 TR 一行
      GridViewRow rowHeader = new GridViewRow(0, 0 , DataControlRowType.Header, DataControlRowState.Normal);
      string HeaderBackColor = "#EDEDED" ;
      rowHeader.BackColor =  System.Drawing.ColorTranslator.FromHtml(HeaderBackColor);

      // 实现确定要显示的表头样式，也可以通过计算生成

      //     <tr>
      //       <td rowspan='2'>关键单元格</td>
      //       <td colspan='2'>表头文字</td>
      //       <td colspan='2'>表头文字</td>
      //       <td>表头文字</td>
      //       </tr>
      //       <tr bgcolor='#FFF'>
      //       <td colspan='2'>表头文字</td>
      //       <td rowspan='2'>表头文字</td>
      //       <td colspan='2'>表头文字</td>
      //       </tr>
      //       <tr bgcolor='#FFF'>
      //       <td>表头文字</td>
      //       <td>表头文字</td>
      //       <td>表头文字</td>
      //       <td>表头文字</td>
      //       <td>表头文字</td>";
      //    </tr>
      // 上面的样式可以设置斜线

      Literal newCells  = new  Literal();
      newCells.Text = @" 表头文字1</th>
                  <th colspan='2'>表头文字2</th>
                  <th colspan='2'>表头文字3</th>
                  <th>表头文字4</th>
                  </tr>
                  <tr bgcolor='" + HeaderBackColor + "'>" ;
      newCells.Text += @"                          
                  <th colspan='2'>表头文字5</th>
                  <th rowspan='2'>表头文字6</th>
                  <th colspan='2'>表头文字7</th>
                  </tr>
                  <tr bgcolor='" + HeaderBackColor + "'>" ;
      newCells.Text += @"   
                  <th>表头文字8</th>
                  <th>表头文字9</th>
                  <th>表头文字10</th>
                  <th>表头文字11</th>
                  <th>表头文字12" ;

      TableCellCollection cells =  e.Row.Cells;
      TableHeaderCell headerCell = new  TableHeaderCell();
      //下面的属性设置与 <td rowspan='2'>关键单元格</td> 要一致
      headerCell.RowSpan = 2 ;
      headerCell.Controls.Add(newCells);
      rowHeader.Cells.Add(headerCell);

      rowHeader.Cells.Add(headerCell);
      rowHeader.Visible = true ;

      //添加到 GridView1
      GridView1.Controls[0].Controls.AddAt(0 , rowHeader);
    }
  }

  protected void GridView1_RowDataBound( object  sender, GridViewRowEventArgs e )
  {
    if (e.Row.RowType ==  DataControlRowType.Header)
    {
      e.Row.Attributes.Add("style", "background:#9999FF;color:#FFFFFF;font-size:14px" );
    }
    else
    {
      e.Row.Attributes.Add( "style", "background:#FFF" );
    }
  }
  
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>为 GridView 添加多层表头</title>
</head>
<body>
   <form id="Form1" runat="server">
     <asp:GridView ID="GridView1" runat="server" CellSpacing="1" CellPadding="3" Font-Size="12px"
      Width ="600px" BackColor="#000000" BorderWidth="0" OnRowDataBound="GridView1_RowDataBound"
      OnRowCreated ="GridView1_RowCreated">
     </asp:GridView>
   </form>
</body>
</html>

VB.NET

 

<% @ Page Language = " VB "  AutoEventWireup = " true "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< script  runat ="server" >
  Function CreateDataSource() As ICollection
    Dim dt As System.Data.DataTable  =  New System.Data.DataTable
    Dim dr As System.Data.DataRow
    dt.Columns.Add(New System.Data.DataColumn( " 学生班级 " , GetType(System.String)))
    dt.Columns.Add(New System.Data.DataColumn( " 学生姓名 " , GetType(System.String)))
    dt.Columns.Add(New System.Data.DataColumn( " 语文 " , GetType(System.Decimal)))
    dt.Columns.Add(New System.Data.DataColumn( " 数学 " , GetType(System.Decimal)))
    dt.Columns.Add(New System.Data.DataColumn( " 英语 " , GetType(System.Decimal)))
    dt.Columns.Add(New System.Data.DataColumn( " 计算机 " , GetType(System.Decimal)))
    Dim i As Integer  =   0
    While i  <   8
      Dim rd As System.Random  =  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 )
      dt.Rows.Add(dr)
      System.Math.Min(System.Threading.Interlocked.Increment(i), i  -   1 )
    End While
    Dim dv As System.Data.DataView  =  New System.Data.DataView(dt)
    Return dv
  End Function

  Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
    If Not IsPostBack Then
      GridView1.BorderColor  =  System.Drawing.Color.DarkOrange
      GridView1.DataSource  =  CreateDataSource()
      GridView1.DataBind()
    End If
  End Sub

  Protected Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As GridViewRowEventArgs)
    If e.Row.RowType  =  DataControlRowType.Header Then
      Dim rowHeader As GridViewRow  =  New GridViewRow( 0 ,  0 , DataControlRowType.Header, DataControlRowState.Normal)
      Dim HeaderBackColor As String  =   " #EDEDED "
      rowHeader.BackColor  =  System.Drawing.ColorTranslator.FromHtml(HeaderBackColor)
      Dim newCells As Literal  =  New Literal
      newCells.Text  =   " 表头文字1</th> "   +  _
                       "  <th colspan='2'>表头文字2</th> "   +  _
                       "  <th colspan='2'>表头文字3</th> "   +  _
                       "  <th>表头文字4</th> "   +  _
                       "  </tr> "   +  _
                       "  <tr bgcolor=' "   +  HeaderBackColor  +   " '> "   +  _
                       "   <th colspan='2'>表头文字5</th> "   +  _
                       "   <th rowspan='2'>表头文字6</th> "   +  _
                       "  <th colspan='2'>表头文字7</th> "   +  _
                       "  </tr> "   +  _
                       "  <tr bgcolor=' "   +  HeaderBackColor  +   " '> "   +  _
                       "   <th>表头文字8</th> "   +  _
                       "   <th>表头文字9</th> "   +  _
                       "   <th>表头文字10</th> "   +  _
                       "   <th>表头文字11</th> "   +  _
                       "   <th>表头文字12 "
      Dim cells As TableCellCollection  =  e.Row.Cells
      Dim headerCell As TableHeaderCell  =  New TableHeaderCell
      headerCell.RowSpan  =   2
      headerCell.Controls.Add(newCells)
      rowHeader.Cells.Add(headerCell)
      rowHeader.Cells.Add(headerCell)
      rowHeader.Visible  =  True
      GridView1.Controls( 0 ).Controls.AddAt( 0 , rowHeader)
    End If
  End Sub

  Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As GridViewRowEventArgs)
    If e.Row.RowType  =  DataControlRowType.Header Then
      e.Row.Attributes.Add( " style " ,  " background:#9999FF;color:#FFFFFF;font-size:14px " )
    Else
      e.Row.Attributes.Add( " style " ,  " background:#FFF " )
    End If
  End Sub
  
 </ script >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
   < title > 为 GridView 添加多层表头 </ title >
</ head >
< body >
   < form  id ="Form1"  runat ="server" >
     < asp:GridView  ID ="GridView1"  runat ="server"  CellSpacing ="1"  CellPadding ="3"  Font-Size ="12px"
      Width ="600px"  BackColor ="#000000"  BorderWidth ="0"  OnRowDataBound ="GridView1_RowDataBound"
      OnRowCreated ="GridView1_RowCreated" >
     </ asp:GridView >
   </ form >
</ body >
</ html >
http://tb.blog.csdn.net/TrackBack.aspx?PostId=1306211
shixin1198
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用ASP.NET 2.0的GridView技巧和窍门
04-05
ASP.NET 2.0中的GridView控件是Web开发中用于数据展示的重要组件，它提供了丰富的功能，使得开发者能够轻松地创建动态、交互式的表格。在本文中，我们将深入探讨GridView的一些核心技巧和窍门，帮助你更好地利用这个...
【转】ASP.NET 2.0中GridView无限层复杂表头的实现
diben1401的博客
09-02 116
实现方法就是给单元格填充我们想要的格式代码。 C# <%@PageLanguage="C#"AutoEventWireup="true"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
[转]ASP.NET 2.0中GridView无限层复杂表头的实现
weixin_34380948的博客
01-28 76
本文转自：http://blog.csdn.net/net_lover/article/details/1306211 实现方法就是给单元格填充我们想要的格式代码。 C# &lt;%@ Page Language="C#" AutoEventWireup="true" %&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
ASP.NET 2.0中合并 GridView 的表头单元格
02-26
下面我们将详细介绍如何在ASP.NET 2.0中实现GridView表头单元格的合并。 首先，我们需要创建一个数据源。在这个例子中，我们使用了一个DataTable来存储学生姓名和三门课程（语文、数学、英语）的成绩。通过循环，...
asp.net GridView 中增加记录的方法
10-30
然而，在ASP.NET 2.0版本中，GridView并未原生支持新增记录的操作，这使得在需要用户界面中直接添加新记录时需要进行额外的编程工作。 在面对这个问题时，开发者通常会选择使用FormView或者自定义表格控件来实现...
深入挖掘ASP.NET 2.0系列课程(1)：随心所欲的使用GridView
10-04
在这个系列课程的第一部分，我们将深入探讨如何随心所欲地使用GridView控件，这是一个在ASP.NET 2.0中广泛使用的数据展示工具。 GridView控件是ASP.NET 2.0中的一个服务器控件，它提供了一种直观的方式来显示和编辑...
ASP.NET MVC+LayUI视频上传完整教程
技术杂谈，聚焦优质文章、开源项目、实用工具和学习、工作、面试心得分享。博客园推荐博客、阿里云专家博主，擅长于C#、.NET、.NET Core、Golang、TypeScript、Vue、Uni App、Angular开发。
08-28 1068
前段时间在使用APS.NET MVC+LayUI做视频上传功能的时，发现当上传一些内存比较大的视频就会提示上传失败，后来通过查阅相关资料发现.NET MVC框架为考虑安全问题，在运行时对请求的文件的长度（大小）做了限制默认为4MB（4096KB），因此我们需要在Web.Config中设置最大请求文件长度大小，本文主要讲解如何设置Web.Config中的最大请求文件大小配置和提供一个完整的ASP.NET MVC+LayUI上传视频的教程。
HTML 实现炫酷选项卡效果
qq_69304031的博客
09-02 544
在前端开发中，创造出吸引人的交互效果能够极大地提升用户体验。今天，我将分享一段使用 HTML 和 CSS 实现的炫酷选项卡代码，并详细介绍其实现过程。
css基础学习总结(一)
₍˄·͈༝·͈˄*₎◞ ̑̑的博客
08-27 933
第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;})>类选择器(.con{…})>标签选择器(dic{…})>通用选择器(*{…第三优先级：由一个或多个id选择器来定义。}会覆盖.classname{margin:3pxl}第五优先级：由一个或多个类型选择器定义。}覆盖*{margin:10px；第二优先级：在html中给元素标签加style，即内联样式。第六优先级：通配选择器，如*{marigin:6px;
vue3中vite基于vite-plugin-html的多入口打包
k0933的博客
08-30 316
1、安装vite-plugin-html。3、配置vite.config.js。
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
2301_78945238的博客
08-30 960
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
word文档转html(只支持段落和表格)
m0_63159822的博客
08-30 532
/ 这里简单地将单元格中的文本内容添加到HTML中。// 注意：单元格可能包含多个段落，需要遍历它们。// 辅助方法，用于获取段落中的文本内容。
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
2301_78945238的博客
08-26 1031
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
html快速入门
m0_52049533的博客
08-22 1070
/
HTML 中 a 超链接标签全解析：属性、锚点与伪类
前端基地
08-30 1326
本文深入阐释 HTML 中的 a超链接标签、锚点及伪类。丰富的讲解与实际案例紧密结合，助力读者快速熟悉这些常用标签。无论你是网页设计新手，还是经验丰富的开发者，都能在此收获实用知识与技巧，为你的网页创作之路增添新的活力。
HTML静态网页成品作业(HTML+CSS)——动漫樱桃小丸子网页(4个页面)
最新发布
2301_78945238的博客
09-02 753
HTML静态网页成品作业(HTML+CSS)——动漫樱桃小丸子网页(4个页面)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值