Back to Devexpress

Add Page Numbers

xtrareports-5203-feature-guide-to-devexpress-reports-add-navigation-add-page-numbers.md

latest3.6 KB
Original Source

Add Page Numbers

  • Feb 18, 2026
  • 3 minutes to read

The tutorial describes how to add page numbers to your reports.

Add Page Numbers

You can create a report with grouped data and a page break after each group. Pagination within a group is preferable to continuous pagination.

Follow the steps below to insert page numbers into a report:

  1. To create a table report in this tutorial, start with a report that is bound to the “Products” table of the sample Northwind database. To learn more about binding a report to a data source, see Provide Data to Reports.

  2. In the Visual Studio Report Designer, switch to the Field List, select the ProductName and UnitPrice fields, and drag-and-drop them onto the report’s Detail band.

  3. Create a PageFooterBand in your report. To do this, right-click anywhere in the report designer, and in the context menu point to Insert Band , and then click PageFooter.

  4. Drop the XRPageInfo control from the DX.25.2: Report Controls Toolbox tab to the PageFooter band.

  5. To change the control’s display format, click its smart tag, and in the invoked actions list, specify the XRPageInfo.TextFormatString property (e.g., Page {0} of {1} , to display the current page number out of the total number of pages).

The following image illustrates the resulting report:

Add Page Numbers for Groups

Do the following to make your report display page numbers for groups or detail reports:

  1. To create a table report in this tutorial, start with a report that is bound to the “Products” table of the sample Northwind database. To learn more about binding a report to a data source, see Provide Data to Reports.

  2. Group the report by the CategoryName field. For this, add the GroupHeaderBand to the report and make sure it has non-empty GroupHeaderBand.GroupFields collection.

  3. To display the GroupFooter band, right-click anywhere on the report’s surface, and in the invoked menu, point to Insert Band and click GroupFooter.

  4. Next, force each new group to start on a separate page. Otherwise, group page numbers will be calculated incorrectly.

  5. From the DX.25.2: Report Controls toolbox tab, drop the XRPageInfo control onto the GroupFooter (or GroupHeader ) band.

  6. Select the created control, and set its XRPageInfo.RunningBand property to GroupHeader1.

The following image illustrates the resulting report: