GridView多行表头合并
多行表头合并, 网上很多实例, 这里写的很详细, 力求让每个人都能看懂.
实现原理:GridView在ASP.NET中最终转为HMTL的表格显示表头。
在GridView创建行表头行时: e.Row.RowType == DatacontrolRowType.Header
清除掉旧的表头, 再重新拼接新的表头.
TableHeaderCell thc = new TableHeaderCell();
thc.Text = "表头";
对应生成的HTML为：<th>表头</th>
多行表头合并效果图
| 测试多行合并表头 | ||||||
|---|---|---|---|---|---|---|
| 表头 | 表头1 | 表头2 | 表头3 | |||
| 表头1-1 | 表头2-1 | 表头2-2 | 表头3-1 | 表头3-2 | 表头3-3 | |
protectedvoidGridView1_RowCreated(objectsender, GridViewRowEventArgs e)2
{ 3
//判断创建的行是否为表头行 4
if (e.Row.RowType == DataControlRowType.Header) 5
{ 6
//获取表头所在行的所有单元格 7
TableCellCollection tcHeader = e.Row.Cells; 8
//清除自动生成的表头 9
tcHeader.Clear();10
11
//新添加的第一个表头单元格, 设置为合并7个列, 从而形成一行.12
tcHeader.Add(new TableHeaderCell());13
tcHeader[0].ColumnSpan = 7;14
tcHeader[0].Text = "测试多行合并表头</th></tr><tr>";15
//</th>表示当前单元格结束, </tr>表示本行结束, <tr>另起新一行 关键点16
17
//添加第二个表头单元格, 设置为合并两行.18
tcHeader.Add(new TableHeaderCell());19
tcHeader[1].RowSpan = 2;20
tcHeader[1].Text = "表头";21
22
tcHeader.Add(new TableHeaderCell());23
tcHeader[2].Text = "表头1";24
25
tcHeader.Add(new TableHeaderCell());26
tcHeader[3].ColumnSpan = 2;27
tcHeader[3].Text = "表头2";28
29
tcHeader.Add(new TableHeaderCell());30
tcHeader[4].ColumnSpan = 3;31
tcHeader[4].Text = "表头3</th></tr><tr>";32
33
//第二行的所有的单元格添加完成, 换行</th></tr><tr>34
35
//添加第三行所有的单元格36
tcHeader.Add(new TableHeaderCell());37
tcHeader[5].Text = "表头1-1";38
39
tcHeader.Add(new TableHeaderCell());40
tcHeader[6].Text = "表头2-1";41
42
tcHeader.Add(new TableHeaderCell());43
tcHeader[7].Text = "表头2-2";44
45
tcHeader.Add(new TableHeaderCell());46
tcHeader[8].Text = "表头3-1";47
48
tcHeader.Add(new TableHeaderCell());49
tcHeader[9].Text = "表头3-2";50
51
tcHeader.Add(new TableHeaderCell());52
tcHeader[10].Text = "表头3-3</th></tr><tr>";53
}54
55
}
GridView多行表头合并相关推荐
- asp.net中GridView多行表头导出Excel表头显示不全问题解决方法
本次需要导出的Excel表格格式如下: 项目 本周实际 本月实际 本年实际 刷卡额 佣金收入 刷卡额 佣金收入 刷卡额 佣金收入 多表头具体的后台代码是在Row_Created事件中创建的.先看创建代 ...
- table多行表头合并 vue_vue elementUI table 自定义表头和行合并的实例代码
最近项目中做表格比较多,对element表格的使用,只需要传递进去数据,然后写死表头即可渲染. 但现实中应用中,如果写死表头,并且每个组件中写自己的表格,不仅浪费时间而且消耗性能.这个时候需要动态渲染 ...
- GRIDVIEW多行多列合并单元格（合并列）
GitHub项目地址:https://github.com/mingceng/merge-gridviewcell 去年的时候,我写了两篇文章: GridView多行多列合并单元格(完整代码和例子) ...
- Element表格之表头合并、行合并和列合并
文章目录 一.合并表头 二.合并表格行 三.合并表格列 最近写vue开发项目的时候,很多地方用到了Element组件中的Table 表格.经过一周的边学边做,我总结了以下三种有关表格的合并方法. 一. ...
- java excel导出(表头合并,多行表头)
java excel导出(表头合并,多行表头) 原创:http://www.cnblogs.com/NJM-F/p/10222152.html @RequestMapping(value=" ...
- 复杂的POI导出Excel表格（多行表头、合并单元格）
poi导出excel有两种方式: 第一种:从无到有的创建整个excel,通过HSSFWorkbook,HSSFSheet HSSFCell, 等对象一步一步的创建出工作簿,sheet,和单元格,并添加 ...
- 多行表头_多行表头数据汇总你怎么操作？手动复制粘贴？OUT!用VBA1分钟完成
前景提要(文末提供源码下载) 发现小伙伴们的数据结果真的好复杂,不昨天才分享过有多行表头的数据如何汇总合并,今天就有小伙伴反馈,他的数据虽然是有多行表头的,但是又有一些数据没有多行表头,那么在进行批量 ...
- 怎么在html的表格中加筛选,excel中表头合并单元格的筛选
EXCEL中表头合并,怎么实现筛选数据? 亲,如下面的动画演示,选中第5行,点击菜单"数据","筛驯. excel中有合并单元格的行怎么才能筛选整个表格其中 直接对合并过 ...
- qtabwidget设置表头_Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例...
我们在开发过程中对于表格使用频率还是挺高的,使用QT框架开发时候我们使用QTableView或者QTableWidget创建表格. 其中表格分为 表格头与表格体: 对于简单地表格,我们可以设置表头来满 ...
最新文章
- 利用Python基础代码语句，实现2G时代文字小游戏，世界如此简单
- UMLChina: trufun Plato是中国唯一的UML建模工具
- python学习手册条件-Python学习手册之控制结构（一）
- 继承中类以及成员变量初始化的讨论。
- linux该专接本还是工作_工作还是考研，我究竟该怎么选？
- JavaScript模块化不算漫长的发展史
- 存储过程——创建通用存储过程（七）
- PostgreSQL表的行数统计
- Vue.js生命周期
- 微波遥感SNAP（二）——基于Sentinel-1雷达数据反演矿区地表形变
- 800多套单片机毕业设计
- Android apk下载与安装
- 通过外挂程序实现SBO中的价格控制策略
- FallbackFactory使用
- 【无标题】Win10鼠标单击右键点击“显示设置”，“个性化”弹出该文件没有与之关联的程序来执行该操作。
- trove mysql 镜像_centos7下手动制作trove镜像
- python if main_python if __name__ == 'main' 的作用和原理（）
- （附源码）PHP华立学院门户网站 毕业设计 290011
- 【工业互联网】工业互联网与工业大数据分析的应用
- Java获取一年有多少周、某周的第一天和最后一天,当前时间所在当年的实际周数