# Render Mode

## Content

The ReportSheet class provides different rendering modes to provide users with specific views. Using the `renderMode` property in the `ReportSheet` class, you can set and get these render modes.
ReportSheet supports three different types of render modes:

* **Design**: Displays the template sheet.
* **Preview**: Displays the data entry preview.
    Data entry is supported only in this mode in ReportSheet. For more information, refer to [Report Sheet Data Entry Support](/spreadjs/docs/v17/).
* **PaginatedPreview**: Displays a paginated preview of the ReportSheet.
    It allows navigation between pages by customizing the pagination settings. For more information, refer to [Set Pagination](/spreadjs/docs/v17/).

The following code samples demonstrate how the `renderMode` property allows switching between Design, Preview, and Paginated Preview modes in the ReportSheet class.

```auto
// Switch to Design mode.
reportSheet.renderMode('Design');

// Switch to Preview mode.
reportSheet.renderMode('Preview');

// Switch to PaginatedPreview mode.
reportSheet.renderMode('PaginatedPreview');
```