zoukankan      html  css  js  c++  java
  • ASP.NET datagridview控件表头定义

    实现办法就是给单位格填充我们想要的格局代码。

    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>
  • 相关阅读:
    docker 部署aps.net MVC到windows容器
    docker 搭建私有仓库 harbor
    解决关于:Oracle数据库 插入数据中文乱码 显示问号???
    ionic cordova build android error: commamd failed with exit code eacces
    cordova build android Command failed with exit code EACCES
    Xcode 10 iOS12 "A valid provisioning profile for this executable was not found
    使用remix发布部署 发币 智能合约
    区块链: 编译发布智能合约
    mac 下常用命令备忘录
    JQuery fullCalendar 时间差 排序获取距当前最近的时间。
  • 原文地址:https://www.cnblogs.com/kevinhome/p/2779327.html
Copyright © 2011-2022 走看看