DataGrid Table Component

alt

DataGrid Table Component

€79.00

Version Compatibility

TIA Unified PC

unified pc icon

Compatible

Unified Comfort

unified hmi icon

Compatible

TIA Prof V20

wincc professional icon

Not compatible

WinCC V8.0

wincc v8 icon

Not compatible

Overview :

DataGrid is a powerful, feature-rich table component designed specifically for TIA Portal WinCC Unified. Built on the robust Grid.js library, this component brings enterprise-level data management capabilities to your HMI applications.

  • Real-time Updates
  • Custom Color Schemes
  • Connect directly to WinCC variables and PLC tags
  • Pagination
  • Powerful Search
  • Localized Interface

✨ Key Features That Set DataGrid Apart

Advanced Data Management

  • Dynamic Data Binding
    • Connect directly to WinCC variables and PLC tags
  • Real-time Updates
    • Automatic refresh of table data from your automation system
  • Flexible Data Format
    • Support for CSV-style data with custom delimiters
  • Large Dataset Support
    • Handle up to 1000+ rows with built-in pagination

Professional Styling & Customization

  • 5 Pre-built Color Themes
    • Ocean, Sunset, Forest, Monochrome, and Royal
  • Custom Color Schemes
    • Full RGB/HEX color support for headers, rows, and borders
  • Font Customization
    • Control font family, size, weight, and styling
  • Responsive Design
    • Adapts to different screen sizes and orientations

Interactive Functionality

  • Smart Sorting
    • Click headers to sort data in ascending/descending order
  • Powerful Search
    • Find specific data across all columns instantly
  • Row Selection
    • Multi-select rows with checkboxes for batch operations
  • Cell Editing
    • In-place editing with validation and error handling
  • Pagination
    • Navigate large datasets efficiently

Global Ready

  • 19 Language Support
    • Including English, German, French, Spanish, Chinese, Japanese, and more
  • RTL Support
    • Full support for right-to-left languages like Arabic
  • Localized Interface
    • All UI elements adapt to selected language

Perfect for Industrial Applications

Production Monitoring

  • Real-time production line efficiency tracking
  • Quality control data visualization
  • Equipment status monitoring
  • Batch processing information

Process Control

  • Temperature, pressure, and flow rate displays
  • Alarm and event logging
  • Historical data presentation
  • System configuration management

Maintenance & Diagnostics

  • Equipment maintenance schedules
  • Diagnostic data tables
  • Service history tracking
  • Performance analytics

Pricing & Licensing

One-time purchase includes:

  • ✅ Full component source code
  • ✅ Complete documentation
  • ✅ Code examples and templates
  • ✅ Technical support
  • ✅ Free updates and bug fixes
  • ✅ Commercial usage rights

No recurring fees, no hidden costs!

Get Started Today

Transform your WinCC Unified projects with professional-grade data tables. DataGrid provides the functionality you need with the reliability your applications demand.

Download now and see the difference professional data management makes!

DataGrid Custom Web Control - Where Data Meets Design in WinCC Unified

Compatible with: TIA Portal V17+, WinCC Unified RT, Comfort Panel
Developer: Cirill Sokolov
Version: 1.0
License: Commercial Use

table example 1

table example 2

table example 3

table example 4

table example 5

table example 6

table example 7

Version 1.0 (Release) [28 Aug 2025]
  • Initial release of DataGrid Custom Web Control
  • Added basic table functionality with CSV-style data support
  • Added 5 pre-built color themes examples (Ocean, Sunset, Forest, Monochrome, Royal)
  • Added sorting functionality for all columns
  • Added search functionality across all data
  • Added pagination support for large datasets
  • Added cell editing with validation
  • Added row selection with checkboxes
  • Added 19 language support (English, German, French, Spanish, Chinese, Japanese, Arabic, etc.)
  • Added event handling for cell clicks, edits, and row selection
  • Added font customization for headers and cells
  • Added border and styling customization options
  • Added hover effects
Related Items :
    Custom Web Control component for drawing polar charts in TIA Portal WinCC Unified HMI SCADA. Doughnut Chart is a variant of the Pie Chart type, with a blank center that allows for additional information about the data as a whole to be included. The intuitive interface makes it a breeze to customize the charts to match your branding and design preferences. You can easily adjust the colors, labels, and other visual elements to create a polished, professional look that will impress your clients and stakeholders. - Seamless integration into the visualisation system - Perfect animation when changing datasets - Customize the colors, labels, font, visibily and more - Engaging way to showcase your sample data - Incredibly lightweight component (less than 80kb)Custom Web Control component for drawing polar charts in TIA Portal WinCC Unified HMI SCADA. Doughnut Chart is a variant of the Pie Chart type, with a blank center that allows for additional information about the data as a whole to be included. The intuitive interface makes it a breeze to customize the charts to match your branding and design preferences. You can easily adjust the colors, labels, and other visual elements to create a polished, professional look that will impress your clients and stakeholders. - Seamless integration into the visualisation system - Perfect animation when changing datasets - Customize the colors, labels, font, visibily and more - Engaging way to showcase your sample data - Incredibly lightweight component (less than 80kb)
    Pie&Doughnut Chart
    €79.00
      Custom Web Control component for drawing polar charts in TIA Portal WinCC Unified HMI SCADA. Polar charts are data visualizations best used for displaying multivariate observations with an arbitrary number of variables in the form of a two-dimensional chart. Polar charts are one of many types of data visualizations used to organize and present data in a way the operator can understand and take action on. The intuitive interface makes it a breeze to customize the charts to match your branding and design preferences. You can easily adjust the colors, labels, and other visual elements to create a polished, professional look that will impress your clients and stakeholders. - Seamless integration into the visualisation system - Perfect animation when changing datasets - Customize the colors, labels, font, visibily, axes and more - Engaging way to showcase your sample data - Incredibly lightweight component (less than 80kb)Custom Web Control component for drawing polar charts in TIA Portal WinCC Unified HMI SCADA. Polar charts are data visualizations best used for displaying multivariate observations with an arbitrary number of variables in the form of a two-dimensional chart. Polar charts are one of many types of data visualizations used to organize and present data in a way the operator can understand and take action on. The intuitive interface makes it a breeze to customize the charts to match your branding and design preferences. You can easily adjust the colors, labels, and other visual elements to create a polished, professional look that will impress your clients and stakeholders. - Seamless integration into the visualisation system - Perfect animation when changing datasets - Customize the colors, labels, font, visibily, axes and more - Engaging way to showcase your sample data - Incredibly lightweight component (less than 80kb)
      Line&Bar Chart Control
      €79.00
        Custom Web Control component for drawing polar charts in TIA Portal WinCC Unified HMI SCADA . Polar charts are data visualizations best used for displaying multivariate observations with an arbitrary number of variables in the form of a two-dimensional chart. Polar charts are one of many types of data visualizations used to organize and present data in a way the operator can understand and take action on. - Seamless integration into the visualisation system - Perfect animation when changing datasetsCustom Web Control component for drawing polar charts in TIA Portal WinCC Unified HMI SCADA . Polar charts are data visualizations best used for displaying multivariate observations with an arbitrary number of variables in the form of a two-dimensional chart. Polar charts are one of many types of data visualizations used to organize and present data in a way the operator can understand and take action on. - Seamless integration into the visualisation system - Perfect animation when changing datasets
        Dashboard Chart Pack
        €215.00