为了账号安全,请及时绑定邮箱和手机立即绑定

动态横向(水平)合并GridView数据行DataRow的列

标签:
JavaScript


而此次,想演示的是动态横向(水平)合并GridView数据行DataRow的列。实现过程中,方法还是参考前一篇,原理一样。

依下这篇来做演示吧《动态绑数据(GridView控件Header和ItemTemplate)》http://www.cnblogs.com/insus/p/3303192.html ,这篇在第一行数据行中,有连续几列数据是一样的。我们把相同值的,合并为一列。

在html markup中为GridView控件添加一个事件OnRowDataBound="GridView1_RowDataBound",如下:



去.aspx.cs中写事件逻辑程序:



首先宣告两个变量cellIndex和mergeCellText,是为了存储列索引和列文本。
#61行的意思是,只处理第一行数据行。如果把这行Comment out之后,那说明是对所有数据进行处理。
#70行代码,是判断是否为第一列。
#76行是非第一列时。
#88行是最后一列。

下面两个动画中,是合并前与合并后的对比:

合并前:



合并后:

   

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消