找回密码
 立即注册

QQ登录

只需一步,快速开始

twobuger

注册会员

5

主题

12

帖子

99

积分

注册会员

积分
99
twobuger
注册会员   /  发表于:2017-2-24 15:02  /   查看:4085  /  回复:3

需要实现类似上图的表格效果,参看demo  
http://demo.gcpowertools.com.cn/ ... orer/#/grid/merging
并没有实现“校园”那种纵向的合并。

另外还想请问列标题的水平对其方式和内容的对其方式如果不同如何设置。 如标题居中,但内容靠右。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

3 个回复

倒序浏览
Alice
社区贡献组   /  发表于:2017-2-24 17:41:42
沙发
1.默认通过allowMerging属性设置来进行自动的合并。就是您在示例上看到的。
如果您是需要多列的列头的竖直方向合并,可以设置列的allowMerging为true。
比如设置grid.columns[‘校园’].allowMerging=true;
然后校园这列就会竖向合并。
另外如果默认合并也不能满足您的需求,您可以使用自定义合并。
自定义合并表头的方式可以参考博客(单元格的自定义合并和列头,表头合并方式一致):
http://blog.gcpowertools.com.cn/ ... id_customMerge.aspx


2.如果是想设置合并单元格的样式,请参考产品博客:
http://blog.gcpowertools.com.cn/ ... rid_mergestyle.aspx

列本身提供了align属性可以设置整列的方向(接口文档:http://wijmo.com/5/docs/topic/wijmo.grid.Column.Class.html)。
单元格也提供了样式可以供设置,请参考产品博客:
http://blog.gcpowertools.com.cn/ ... _itemformatter.aspx
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
twobuger
注册会员   /  发表于:2017-3-2 16:14:54
板凳
本帖最后由 twobuger 于 2017-3-2 16:16 编辑

非常感谢,已实现如下图效果

还是用了些css来解决表头对齐方式与内容不同的问题。纵向合并确实是内容相同即可。


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2017-3-2 17:16:57
地板
twobuger 发表于 2017-3-2 16:14
非常感谢,已实现如下图效果

还是用了些css来解决表头对齐方式与内容不同的问题。纵向合并确实是内容相 ...

好的,非常感谢您的反馈。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部