Paginated Records Table | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Paginated Records Table

Paginated Records Table is a Custom Web Control for WinCC Unified and WinCC V8 that presents batch records in a full-area paginated table. Each page shows up to five records with right-aligned quantities, and a compact pager displays the visible row range and page numbers so operators always know their position in the data set.

Key Features

• Paged record display: The pageSize property sets the maximum number of rows shown per page.
• Configurable columns: The columns property defines header labels, alignment and optional units for each field.
• Compact pager: First, previous, next and last page buttons sit beside a range text generated from rangeTemplate.
• Record parameters on demand: Clicking a row, or pressing Enter or Space, fires RowClicked and opens a centered, dimmed sheet listing the name, value and unit of each stored parameter.
• Flexible dismissal: The parameter sheet closes with the Close button, the Esc key or a click on the backdrop.

Customization

The control exposes 17 properties that are configured in the engineering tool and bound to HMI tags. The rows and totalCount properties supply the current page and the database size, pageIndex confirms the page after a PageChanged event, and selectedParameters with parametersRowId feed the parameter sheet. Empty-state texts, accessible labels for buttons and rows, and the backgroundColor property let you tailor the control to your plant without writing code.

Use Cases

Ideal for batch history review, quality and traceability screens, and operator panels where production records must be browsed page by page and inspected in detail.

Compatibility

Works with WinCC Unified (TIA Portal) and WinCC V8. The control displays data supplied by your project scripts: the queries that write rows, totalCount and selectedParameters run in your project logic, not inside the control.

Disclaimer

AI-Generated: This Custom Web Control was generated automatically using AI. Test and validate it thoroughly before deploying it in production environments.

⚠️ AI-Generated: This custom web control was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.

## Current version: v1 (2026-10-20)