DataGrid中创建复杂表头方法,欢迎多交流点方法

此博客为转载内容,转载自https://www.cnblogs.com/Blackie/archive/2005/10/14/254785.html ,涉及UI相关信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

GOOGLE下发现有许多创建双行跨列的DATAGRID表头的文章.
大部分是利用在Pager创建时将Pager列去掉而和Header一起形成两行表头(注Pager会在Header前先建立)
如[ http://dev.youkuaiyun.com/develop/article/18/18971.shtm
自己也认真学习了一天,发现DATAGRID实际上还是table,

所以我就只用DATALIST实现就可以搞贴

再加个分页函数,完全OK.

None.gif < asp:datalist  id ="MainDataList"  runat ="server"  BorderWidth ="0px"  CellPadding ="0"  BorderStyle ="None"
None.gif                                                GridLines
="Horizontal"  RepeatLayout ="Flow"  RepeatDirection ="Horizontal" >
None.gif                                                
< HeaderTemplate >
None.gif                                                    
< TABLE  style ="BORDER-RIGHT: #cccccc 1px; BORDER-TOP: #cccccc 1px; BORDER-LEFT: #cccccc 1px; BORDER-BOTTOM: #cccccc 1px; BORDER-COLLAPSE: collapse"
None.gif                                                        borderColor
="#cccccc"  cellSpacing ="0"  cellPadding ="0"  rules ="all"  border ="1" >
None.gif                                                        
< TR  class ="red_99"  style ="FONT-WEIGHT: bold; COLOR: white; HEIGHT: 30px; BACKGROUND-COLOR: #3399cc"
None.gif                                                            align
="center" >
None.gif                                                            
< TD  width ="100"  rowSpan ="2" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 小区 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="100"  rowSpan ="2" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 大楼 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="100"  rowSpan ="2" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 房号 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="70"  rowSpan ="2" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 底数 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  colSpan ="3"  height ="22" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 本月应收 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  colSpan ="2"  height ="22" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 实收 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  colSpan ="2"  height ="22" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 累欠 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                        
</ TR >
None.gif                                                        
< TR  class ="red_99"  style ="FONT-WEIGHT: bold; COLOR: white; HEIGHT: 30px; BACKGROUND-COLOR: #3399cc"
None.gif                                                            vAlign
="bottom"  align ="center"  class ="white_99" >
None.gif                                                            
< TD  width ="60"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 抄表 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="55"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 用量 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="70"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 金额 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="60"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 数量 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="60"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 金额 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="55"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 数量 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                            
< TD  width ="70"  height ="21" >
None.gif                                                                
< DIV  align ="center"  class ="white_99" > 金额 </ DIV >
None.gif                                                            
</ TD >
None.gif                                                        
</ TR >
None.gif                                                
</ HeaderTemplate >
None.gif                                                
< FooterTemplate >
None.gif                        
</ table >
None.gif                        
</ FooterTemplate >
None.gif                        
< ItemStyle  BorderWidth ="0px"  BorderStyle ="None"  BackColor ="#FFFFFF" ></ ItemStyle >
None.gif                        
< ItemTemplate >
None.gif                            
< tr  bgcolor ="<%# strBgcolor%>" >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="left" > <% dot.gif # IncludedSqlClass.GetSectionNameFromKez_no(DataBinder.Eval(Container, "DataItem.kez_no").ToString())  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="left" > <% dot.gif # IncludedSqlClass.GetBuildNameFromKez_no(DataBinder.Eval(Container, "DataItem.kez_no").ToString())  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="left" > <% dot.gif # DataBinder.Eval(Container, "DataItem.chargecode").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.ultimoread").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.thismonthread").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.thisuse").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.thisreceivable","{0:C}").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.realuse").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.realmoney","{0:C}").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.spareuse").ToString()  %> </ div >
None.gif                                
</ td >
ExpandedBlockStart.gifContractedBlock.gif                                
< td  height ="20" >< div  align ="right" > <% dot.gif # DataBinder.Eval(Container, "DataItem.sparemoney","{0:C}").ToString()  %> </ div >
None.gif                                
</ td >
None.gif                            
</ tr >
None.gif                        
</ ItemTemplate >
None.gif                        
</ asp:datalist >
None.gif private   void  MainDataList_ItemDataBound( object  sender, System.Web.UI.WebControls.DataListItemEventArgs e)
ExpandedBlockStart.gifContractedBlock.gif        
dot.gif {
InBlock.gif            
if(strBgcolor=="#ffffff")
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                strBgcolor
="#f0f8f3";
ExpandedSubBlockEnd.gif            }

InBlock.gif            
else
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                strBgcolor
="#ffffff";
ExpandedSubBlockEnd.gif            }

ExpandedBlockEnd.gif        }

转载于:https://www.cnblogs.com/Blackie/archive/2005/10/14/254785.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值