DevExpress官网

本教程将引导你如何在VS设计时创建一个主从Web报表。在本文中，我们将使用到 XtraReports ASP.NET入门教程二：创建一个Data-Aware数据感知报表 中所创建的报表。

添加从表

1、启动VS2008或2010。

2、打开创建了数据感知报表的ASP.NET Web Application。

该报表已经绑定到Northwind 数据库的Categories表中。右键点击nwindDataSet1，在上下文菜单中选择Edit in DataSet Designer... 选项，可将Products表添加到nwindDataSet 架构中，从而创建一个主从报表。

打开 nwindDataSet.xsd后，展开Server Explorer 面板，可看见VS中所有的数据连接。

在Data Connections列表中，选择Products 数据表，并将其拖动到设计器上，从而将Products表添加到nwindDataSet。

当Products表添加到dataset schema时，便自动创建了类别和产品表之间的主从关系的主从表。然后，点击工具栏上面的“Save”按钮，保存主从报表。

创建从报表

3、切换到报表设计器，右键单击报表调用它的上下文菜单。选择菜单中的Insert Detail Report | CategoriesProducts，添加一个新的从报表。

接下来，将从报表的DataSource属性设置为nwindDataSet1，DataAdapter属性设置为productsTableAdapter，DataMember属性设置为Categories.CategoriesProducts。

4、右键点击从报表，在上下文菜单中选择Insert Band | Group Header，为从报表添加一个Group Header band（组标题区）。

5、启用GroupBand.RepeatEveryPage属性，并将GroupHeaderBand.GroupUnion属性设置为WithFirstDetail，可使从报表外观更专业。设置完毕后，每一个报表上面都有 Group Header组标题。

自定义从报表布局

6、打开 DX.12.1: Reporting报表工具箱，选择XRTable控件，将其添加到从报表的Group Header和Detail区域内。

在Group Header的内容区域内，点击并按住鼠标左键，拖动鼠标光标至整个Detail区域。这可以在Group Header和 Detail区域内创建2个相似的从表。当然，你还可以根据此方法创建更多的从表。

7、将第二个表的单元格绑定到所需要的数据字段中。

在第一个表的单元格中输入列名称，便可实现以下所示的布局：

查看结果

主从Web报表准备就绪。运行程序，查看结果如下：