GridView 多表头的实现

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>