GridView多行表头合并

实现原理:GridView在ASP.NET中最终转为HMTL的表格显示表头。 在GridView创建行表头行时: e.Row.RowType == DatacontrolRowType.Header 清除掉旧的表头, 再重新拼接新的表头.

TableHeaderCell thc = new TableHeaderCell();

thc.Text = "表头";

对应生成的HTML为:<th>表头</th>

如果想实现多表头,得自己绘制tablecell,具体的方式就是先添加一个新的TableHeaderCell,然后就是设定其Attributes属性,再者如果要进行单元格合并,那么需要指定其colspan或者是rowspan,以便确定是横向合并还是竖向合并。

/****************** a.aspx *************/

<asp:GridView ID="gvw" runat="server" onrowcreated="gvw_RowCreated"  
        CssClass="tbGvw" Width="100%" AutoGenerateColumns="False">
        <Columns>
            <asp:BoundField DataField="department_name" HeaderText="单位名称" />
            <asp:BoundField DataField="assets_type" HeaderText="资产类型" />
            <asp:BoundField DataField="DHS" HeaderText="电话机数" />
            <asp:BoundField DataField="HMS" HeaderText="号码数" />
            <asp:BoundField DataField="ZG" HeaderText="正高" />
            <asp:BoundField DataField="FG" HeaderText="副高" />
            <asp:BoundField DataField="ZJ" HeaderText="中级" />
            <asp:BoundField DataField="CJ" HeaderText="初级" />
            <asp:BoundField DataField="YJ" HeaderText="员级" />
            <asp:BoundField DataField="HJ" HeaderText="合计" />
            <asp:BoundField DataField="SYRS" HeaderText="使用人数" />
        </Columns>
</asp:GridView>

/****************** a.aspx.cs *************/

     protected void gvw_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 = 11;
                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].RowSpan = 2;
                tcHeader[2].Text = "资产类型";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[3].RowSpan = 2;
                tcHeader[3].Text = "电话机数";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[4].RowSpan = 2;
                tcHeader[4].Text = "号码数";

                tcHeader.Add(new TableHeaderCell());
                tcHeader[5].ColumnSpan = 6;
                tcHeader[5].Text = "在编人数";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[6].RowSpan = 2; 
                tcHeader[6].Text = "使用人数</th></tr><tr>";
                //第二行的所有的单元格添加完成, 换行</th></tr><tr>
                //添加第三行所有的单元格 
                tcHeader.Add(new TableHeaderCell());
                tcHeader[7].Text = "正高";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[8].Text = "副高";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[9].Text = "中级";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[10].Text = "初级";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[11].Text = "员级";
                tcHeader.Add(new TableHeaderCell());
                tcHeader[12].Text = "合计</th></tr><tr>"; 
            }
        }

 

转载于:https://www.cnblogs.com/linyongqin/articles/3919159.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值