ActiveReports 报表应用教程 (4)---分栏报表

简介: 原文:ActiveReports 报表应用教程 (4)---分栏报表在 ActiveReports 中可以实现分栏报表布局样式,可以设置横向分栏、纵向分栏,同时进行分栏和分组设置,统计分栏分组的小计、合计等。
原文: ActiveReports 报表应用教程 (4)---分栏报表

在 ActiveReports 中可以实现分栏报表布局样式,可以设置横向分栏、纵向分栏,同时进行分栏和分组设置,统计分栏分组的小计、合计等。在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。本文主要讲解如何在 ActiveReports 中实现横向分栏、纵向分栏和分组分栏报表。

1、横向分栏报表

1.1、在 ASP.NET 应用程序中添加一个名为 rptAcrossDown.cs 的 ActiveReports 报表文件,选择的项目模板类型为 ActiveReports 7 区域报表(基于代码)。报表创建完成之后点击 detail 左上角的数据源图表,按照下图中的信息创建报表数据源:

ActiveReports 报表功能展示 报表数据源

1.2、选择报表 detail 区域,在属性对话框中设置以下属性:

ColumnCount
2

ColumnDirection
AcrossDown

从报表资源管理器中将数据字段拖拽到报表设计界面,最终得到以下设计结构:

ActiveReports 报表功能展示 横向分栏报表

1.3、运行报表得到下图所示结果:

ActiveReports 报表功能展示 横向分栏报表

2、纵向分栏报表

切换到报表设计界面,选中 detail 区域,然后在属性窗口中设置以下属性:

ColumnCount
2

ColumnDirection
DownAcross

运行报表得到以下结果:

ActiveReports 报表功能展示 纵向分栏报表

3、分组分栏报表

在设置分栏的同时,我们还可以设置报表的分组信息,以完成数据的分组显示和数据统计。我们在纵向分栏的基础上增加数据分组的功能,选中 detail 并单击右键选中 插入 –> 组头/组尾,如何设置 groupHeader1 的以下属性:

ColumnGroupKeepTogether
True

DataField
类别名称

GroupKeepTogether
FirstDetail

KeepTogether
True

RepeatStyle
OnColumn

ActiveReports 报表功能展示 分组分栏报表

运行结果如下:

ActiveReports 报表功能展示 分组分栏报表

在线演示及源码下载地址:

http://www.gcpowertools.com.cn/products/activereports_demo.htm

目录
相关文章
|
移动开发 JavaScript 小程序
uView Form 表单
uView Form 表单
496 1
|
API
Element UI Loading 加载组件动态变更 text 值(加载文案)
有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。
1931 0
Element UI Loading 加载组件动态变更 text 值(加载文案)
|
6月前
|
编解码 缓存 监控
《首屏加载优化手册:Vue3+Element Plus项目提速的技术细节》
本文记录了Vue3+Element Plus开发的企业内部管理系统首屏加载优化实践。该系统因组件全量引入、图片未优化、接口调用无序,首屏加载达6秒,用户投诉频发。作者团队用Chrome DevTools定位瓶颈后,以“分阶段、抓核心”策略优化:代码层面拆分资源、按需引入组件;静态资源转WebP并适配分辨率;调整接口调用顺序,延迟非核心请求,还添加骨架屏优化体验。优化后首屏加载稳定在1.8-2.2秒,系统使用率提升12%。作者强调优化需贴合用户体验,建立监控体系,避免盲目追求技术指标。
416 6
|
前端开发 小程序
扩展uview复选组件库支持自定义图片+自定义内容
扩展uview复选组件库支持自定义图片+自定义内容
613 6
|
11月前
|
Shell 应用服务中间件 nginx
docker 镜像的部分常用命令
docker镜像常用命令
322 16
|
JavaScript 前端开发 API
[译] 如何更新 package.json 中的依赖项
[译] 如何更新 package.json 中的依赖项
[译] 如何更新 package.json 中的依赖项
|
存储 Kubernetes 前端开发
k8s部署DataEase1.16.0cluster模式
k8s部署DataEase1.16.0cluster模式
|
JavaScript
SpringBoot+Vue+ElementUI 实现视频播放 轮播图效果
这篇文章介绍了如何在SpringBoot+Vue+ElementUI项目中使用vue-awesome-swiper插件实现视频播放轮播图效果,包括安装插件、引入项目和使用案例的步骤。
SpringBoot+Vue+ElementUI 实现视频播放 轮播图效果
ElementPlus菜单如何默认打开第一个,router-view里替换变的,menu菜单没有跳转怎么办,开启路由:router=“true“,如何设置点击空格就调用方法
ElementPlus菜单如何默认打开第一个,router-view里替换变的,menu菜单没有跳转怎么办,开启路由:router=“true“,如何设置点击空格就调用方法
ElementPlus菜单如何默认打开第一个,router-view里替换变的,menu菜单没有跳转怎么办,开启路由:router=“true“,如何设置点击空格就调用方法
npm-check【实用教程】升级项目中的依赖
npm-check【实用教程】升级项目中的依赖
515 0