• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
博雅居
要想跟上时代,就得不断学习!
博客园    首页    新随笔    联系   管理    订阅  订阅
asp.net GridView多行表头的实现,合并表头
protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.Header)
            {
                TableCellCollection tcHeader = e.Row.Cells;
                 //获取表头所在行的所有单元格
            
             //清除自动生成的表头
             tcHeader.Clear();

            //新添加的第一个表头单元格, 设置为合并7个列, 从而形成一行.
            tcHeader.Add(new TableHeaderCell());
            tcHeader[0].ColumnSpan = 7;
            tcHeader[0].Text = "测试多行合并表头</th></tr><tr>";
            //</th>表示当前单元格结束, </tr>表示本行结束, <tr>另起新一行    关键点
            
            //添加第二个表头单元格, 设置为合并两行.
            tcHeader.Add(new TableHeaderCell());
           tcHeader[1].RowSpan = 2;
            tcHeader[1].Text = "表头";
            tcHeader.Add(new TableHeaderCell());
            tcHeader[2].Text = "表头1";

            tcHeader.Add(new TableHeaderCell());
            tcHeader[3].ColumnSpan = 2;
            tcHeader[3].Text = "表头2";

            tcHeader.Add(new TableHeaderCell());
            tcHeader[4].ColumnSpan = 3;
           tcHeader[4].Text = "表头3</th></tr><tr>";
//第二行的所有的单元格添加完成, 换行</th></tr><tr>

            //添加第三行所有的单元格
              tcHeader.Add(new TableHeaderCell());
            tcHeader[5].Text = "表头1-1";

           tcHeader.Add(new TableHeaderCell());
            tcHeader[6].Text = "表头2-1";

            tcHeader.Add(new TableHeaderCell());
           tcHeader[7].Text = "表头2-2";

           tcHeader.Add(new TableHeaderCell());
           tcHeader[8].Text = "表头3-1";

            tcHeader.Add(new TableHeaderCell());
            tcHeader[9].Text = "表头3-2";

           tcHeader.Add(new TableHeaderCell());
            tcHeader[10].Text = "表头3-3</th></tr><tr>";

            }
 
        }

第二种方法


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);
    }
  }


If opportunity doesn’t knock, build a door
posted on 2014-12-13 09:06  博雅居  阅读(1258)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3