GridView 控件合并表头学习。

如果想要实现如下图所示的GridView表头,怎样做呢?其实很简单,我们只需要在后台代码中RowCreated(object sender, GridViewRowEventArgs e)事件中动态的添加表头就可以了,直接上代码,一看就明白。主要注意的就是,表头的创建顺序,由上而下的创建。

 

 
if  (e.Row.RowType  ==  DataControlRowType.Header)
                {
                    TableCellCollection cellHeaders 
=  e.Row.Cells;
                    cellHeaders.Clear();

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
0 ].RowSpan  =   2 ;
                    cellHeaders[
0 ].Text  =   "" ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
1 ].ColumnSpan  =   2 ;
                    cellHeaders[
1 ].Text  =   " Peak In Range % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
2 ].ColumnSpan  =   2 ;
                    cellHeaders[
2 ].Text  =   " Non-Peak In Range % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
3 ].ColumnSpan  =   2 ;
                    cellHeaders[
3 ].Text  =   " Total In Range % " ;
                                       

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
4 ].RowSpan  =   2 ;
                    cellHeaders[
4 ].Text  =   " Peak Hours <br/>History</th></tr><tr> " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
5 ].Attributes.Add( " style " " color:White;background-color:#7FA3B8;white-space:nowrap; " );
                    cellHeaders[
5 ].Text  =   " Forecast % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
6 ].Attributes.Add( " style " " color:White;background-color:#7FA3B8;white-space:nowrap; " );
                    cellHeaders[
6 ].Text  =   " Actual % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
7 ].Attributes.Add( " style " " color:White;background-color:#7FA3B8;white-space:nowrap; " );
                    cellHeaders[
7 ].Text  =   " Forecast % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
8 ].Attributes.Add( " style " " color:White;background-color:#7FA3B8;white-space:nowrap; " );
                    cellHeaders[
8 ].Text  =   " Actual % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
9 ].Attributes.Add( " style " " color:White;background-color:#7FA3B8;white-space:nowrap; " );
                    cellHeaders[
9 ].Text  =   " Forecast % " ;

                    cellHeaders.Add(
new  TableHeaderCell());
                    cellHeaders[
10 ].Attributes.Add( " style " " color:White;background-color:#7FA3B8;white-space:nowrap; " );
                    cellHeaders[
10 ].Text  =   " Actual % " ;

                } 

 

转载于:https://www.cnblogs.com/luking/archive/2011/05/24/2055402.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值