GridView显示带有中国式报表表头的方法

   最近在做的项目包含报表，报表的显示可以用水晶报表的推/拉模式轻松解决，报表的录入这一部分采用的是GridView使用模板列进行录入，但用户提出录入页面要和报表的形式一样，但由于报表采用的是中国式表头，比较复杂。刚开始想到用Div做一个固定表头，在表头下面放置隐藏Header的GridView，并通过JS来控制表头的单元宽度随着GV的单元格大小改变的改变而改变，但这样做比较繁琐。后来发现GridView本身就可以设置多层表头。

方法如下：

   比如要做如下的报表表头

   [图片过宽，建议使用Chrome浏览器]

   

---

代码如下：

 

   protected void grvTest1_RowCreated(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.Header)
        {
                //第一行表头，从左到右依次数单元格（只数第一行的单元格，不管它跨了几行还是几列）
                    TableCellCollection tcHeader = targetHeader.Cells;
                    tcHeader.Clear();
                    tcHeader.Add(new TableHeaderCell());
 
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[0].Attributes.Add("rowspan", "3"); //设置单元格属性为竖跨三行
                    tcHeader[0].Text = "";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[1].Attributes.Add("rowspan", "3");
                    tcHeader[1].Text = "编号";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[2].Attributes.Add("colspan", "3"); //设置单元格属性为横跨三列
                    tcHeader[2].Text = "占地面积（平方米）";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[3].Attributes.Add("colspan", "2");
                    tcHeader[3].Text = "图书（万册）";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[4].Attributes.Add("colspan", "2");
                    tcHeader[4].Text = "计算机数(台）";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[5].Attributes.Add("rowspan", "3");
                    tcHeader[5].Text = "多媒体教师座位数（个）";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[6].Attributes.Add("rowspan", "3");
                    tcHeader[6].Text = "语音实验室座位数（个）";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[7].Attributes.Add("colspan", "5");
                    tcHeader[7].Text = "固定资产总值（万元）</th></tr><tr>"; //“</th></tr><tr>”在每一行到最后一个单元格时
                                                                             // 需要加上这个标记表示换下一行
 
                    //第二行表头
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[8].Attributes.Add("rowspan", "2");
                    tcHeader[8].Text = "计";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[9].Attributes.Add("colspan", "2");
                    tcHeader[9].Text = "其中：";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[10].Attributes.Add("rowspan", "2");
                    tcHeader[10].Text = "计";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[11].Attributes.Add("rowspan", "2");
                    tcHeader[11].Text = "其中：当年新增";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[12].Attributes.Add("rowspan", "2");
                    tcHeader[12].Text = "计";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[13].Attributes.Add("rowspan", "2");
                    tcHeader[13].Text = "其中：教学用计算机";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[14].Attributes.Add("rowspan", "2");
                    tcHeader[14].Text = "计";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[15].Attributes.Add("colspan", "2");
                    tcHeader[15].Text = "其中：教学、科研仪器设备资产值";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[16].Attributes.Add("colspan", "2");
                    tcHeader[16].Text = "其中：信息化设备资产值</th></tr><tr>";
 
 
                    //第三行表头
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[17].Text = "绿化用地面积";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[18].Text = "运动场地面积";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[19].Text = "计";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[20].Text = "其中：当年新增";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[21].Text = "计";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[22].Text = "其中：软件<th></tr><tr>";
 
                    //第四行表头
                    tcHeader.Add(new TableHeaderCell()); ;
                    tcHeader[23].Text = "甲";
                    tcHeader.Add(new TableHeaderCell());
                    tcHeader[24].Text = "乙";
                    for (int i = 25; i <= 38; i++)
                    {
                        tcHeader.Add(new TableHeaderCell());
                        tcHeader[i].Text = (i - 24).ToString();
                    }
        }
    }

---

运行效果如下：

[图片过宽，建议使用Chrome浏览器]

 

注意：在设值第一行第一列的单元格属性为N的话，那么“</th></tr><tr>"出现的次数应该也为N次