Pagination Preview

  • Last update:July 28, 2025
  • Overview

    Version

    Report Server Version

    11.0

    Application Scenario

    Pagination Preview is the default preview method in FineReport, typically used when you need to view only the report data.

    Function Description

    iconNote:
    Multi-sheet display is not supported in the pagination preview mode.

    1. You can open the designer, double-click the embedded template GettingStarted.cpt, click the drop-down key of Preview on the designer page, and click Pagination Preview to view the report. The following figure shows the effect.

     1.png

    2. A report will be opened in the browser after you click Pagination Preview, as shown in the following figure.

    iconNote:
    A parameter drop-down box widget is set in the template GettingStarted.cpt, requiring you to click Query to display the data.

    2.png

    Pagination Preview Setting

    You can choose Template > Web Attribute > Pagination Preview Setting to set the report page of the pagination preview. This setting is effective only for templates in the Pagination Preview mode, as shown in the following figure.

     3.png

    The following table describes the main functional modules.

    Function
    ContentNotes

    Setting Method

    Using Server Settings is selected by default. You can select Set for This Template Separately from the drop-down list of Following Settings.

    /

    Report Display Location

    You can set the location where the report is displayed in the browser.

    The function does not take effect on mobile terminals.

    Page

    You can configure some special settings on the page.

    /

    Toolbar

    You can determine whether to display the toolbar and to customize the content displayed on the toolbar.

    Mobile terminals do not support toolbar settings.

    Event Setting

    You can add Web events.

    Mobile terminals only support the Loading Start and Loading End events.

    Pagination Setting

    You can set the report to be displayed with a fixed number of rows per page according to the specified cell.

    You need to determine the pagination data cell.

    Setting Method

    Using Server Settings

    Use Server Settings is selected by default with all the following functions being grayed out and non-editable. This setting method is selected by default for all templates on the current server.

    You can choose Server > Server Configuration > Pagination Preview Setting to modify the predefined data entry preview setting of the server.

     4.png

    Setting for This Template Separately

    You can select Set for This Template Separately from the drop-down list of Following Settings. All the functions below are editable. The configured settings will only apply to the current template without affecting other templates.

    Report Display Location

    This function allows you to set the report display location in the browser during the preview, with two options Center and Left (default setting). The following figures show the corresponding effects.

    • Displayed in the Center

    5.png

    • Displayed on the Left

    6.png

    Page Setting

    You can configure some special settings for the previewed page(s).

    1. Display as Image: During pagination preview, a report will be displayed as an image/images where characters cannot be selected by the mouse.

    2. Auto Zoom During Iframe Embedding: When a template is embedded into another template via an iframe, the template size will be automatically adjusted during the preview to fit the iframe.

    Take the example in Opening a Report Through a Dialog Box by JSt as an example.

    • When Auto Zoom During Iframe Embedding is not ticked for the embedded template, the following figure shows the effect.

    7.png

    • When Auto Zoom During Iframe Embedding is ticked for the embedded template, the following figure shows the effect.

    8.png

     3. Fixed-size grid output: You can keep cell row heights and column widths unchanged regardless of how large the content is.

    Toolbar

    Showing the Toolbar

    The Use Toolbar function is ticked by default in the system. That is, the toolbar is displayed above the report during the pagination preview. Deselect the function if you need to hide the toolbar.

     9.png

    Adding Tools

    1. You can double-click a tool to add it to the top toolbar.

    2. After selecting the tool, you can click icon1.png to add the tool to the top toolbar, and click icon2.png to add the tool to the bottom toolbar.

    3. You can click Restore to Default to return to the original state.

     Gif1.gif

    Customizing the Toolbar

    You can click icon3.png on the right of the toolbar to open the toolbar edit page, as shown in the following figure.

     10.png

    On the edit page, you can modify the attributes of and reorder added tools, delete individual tools, and customize the toolbar background, as shown in the following figure.

    iconNote:
    Custom button names do not support the HTML format.

     11.png

    Deleting Tools

    How to delete an added tool? The following two deletion methods are available in the designer.

    1. Delete all tools.

    You can click icon4.png on the right of the toolbar to clear all tools in the toolbar, as shown in the following figure.

     12.png

    2. Delete a single tool.

    You can click icon3.png on the right of the toolbar to delete a single tool in the toolbar edit page, as shown in the following figure.

     13.png

    Event Setting

    You can click icon5.png in Event Settings and add JS events, which allows you to meet other preview needs through JavaScript codes. 

     14.png

    Pagination Setting

    You can tick Pagination by Row in Pagination Setting and set the number of rows displayed per page in the report. The default number of rows is 30. You can modify the number according to actual needs. You can set Number of Rows Displayed Per Page to be a value from 1 to 500. Empty values are not allowed. Any input number exceeding this range will automatically be adjusted to the nearest boundary value (1 or 500). 

    Attachment List


    Theme: Report Application
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy