Made with the HMIx AI Generator
This resource was created with AI on ai.hmix.tech. Describe what you need and generate your own HMI controls in minutes — free.
Custom Web Control
About Data Table
Data Table is a Custom Web Control that displays structured JSON data as a clear, readable table for SCADA and HMI applications. Supply a JSON data set and define its columns, and the control renders headers and rows that fill the space available on your screen.
Key Features
- JSON-driven content: The dataJson property supplies the table rows, so values can be updated directly from your project logic.
- Row selection: Clicking a row updates selectedRowIndex and fires the RowSelected event, letting operators pick a record for detail views or follow-up actions.
- Editable column headers: When headerEditable is enabled, operators double-click a header to rename the column, and the HeaderChanged event reports the new text.
- Clear empty state: The emptyMessage property displays a readable message when no data is available.
Customization
Adjust the appearance with backgroundColor, headerBackgroundColor and headerTextColor, and control spacing with rowHeight and headerHeight. Define the table structure through the columns array, and use headerEditHint to show guidance text when the pointer rests on a column header. The clearSelection, scrollToTop and setHeaderText methods let your project clear the current selection, return the view to the first row, or rename a column at runtime.
Use Cases
Well suited to alarm lists, batch records, recipe parameters, shift logs and equipment overviews on control room displays and operator panels.
Compatibility
Runs on WinCC Unified (TIA Portal) and WinCC V8.
AI-Generated Notice
AI-Generated: This custom web control was generated 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.