前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Asp.Net下的DataGrid的多层表头

Asp.Net下的DataGrid的多层表头

作者头像
Java架构师必看
发布2021-03-22 10:39:57
5090
发布2021-03-22 10:39:57
举报
文章被收录于专栏:Java架构师必看

先看下表:

业务员

地 区

北京

上海

深圳

张三

100

200

300

实际上Asp.Net下的DataGrid只不过是一个HtmlTable,只不过在HtmlTable的基础上添加了很多属性、方法,纳入ViewState机制,来生成、控制它;有了这一点认识,事情就很好办了:

  我们可以在属性生成器中可以定义列的表头,它实际上只不过是在列之间插入了“</td><td>”的html标记,如此而已;因此根据上面的例子,可以在第3列的header里输入以下内容“</td></tr><TR><TD>北京</TD><TD>上海</TD><TD>深圳</TD></TR>”,这时你会发现2层表头就出现了:

业务员

地 区

北京

上海

深圳

张三

100

200

300

但是显然还不够,因为我们还需要行、列的合并

我们可以在DataGrid的ItemDataBound事件中处理

代码语言:javascript
复制
if(e.Item.ItemType == ListItemType.Header)
{
     e.Item.Cells[0].RowSpan = 2;
     e.Item.Cells[1].ColumnSpan = 3;
     e.Item.Cells[2].Visible = false;
     e.Item.Cells[3].Visible = false;
}

本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档