注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天靖的ASP.NET技术博客

专注于最简单,且最实用的ASP.NET技术

 
 
 

日志

 
 

GridView 多表头的实现  

2008-06-18 13:04:50|  分类: ASP.NET技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

GridView多表头的实现。

今天公司做项目,其中有一个页面涉及到了多表头,大致是这样。

由于没有接触过多表头 ,所以在网上搜索了一下,结果发现大部分都是用后台代码实现多表头,有一定的维护难度,于是动手搞了一下,发现了一种比较简单直观的编写多表头的方式,特意贴上来,希望能帮到有需要的朋友,以下为实现方式。以下以我所做的东西为例来进行代码剖析

首先我们添加一个模板(我这里的模板列是图的“投资、工程量、工程时间”合在一起,共用同一个列),然后暂时不管模板列,添加下面所要显示数据的BOUND列。

好了,接下来我们算一算所有跳过的BOUND列的列数,例如我这里要跳过的据列是1列(“状态”),在模板列的headerText里加入以下文字<td colspan=1></td>,然后再后面加上你所要跨的列,比如我“投资”跨了两列<td colspan=2>投资</td>,然后我们关闭</tr>重新以<tr>开一次头。就可以达到多表头的效果,我现在将此图片效果的headerText一次发完,大家可以参考一下

<td colspan=1></td><td colspan=2>投资</td><td colspan=2>工程量</td><td colspan=2>工程时间</td></tr><tr>

OK,现在效果完成,第一次写技术文章,可能写得有点粗矿,不明白的朋友可以在此贴下留言,我会回复的。

 

  评论这张
 
阅读(928)| 评论(13)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017