Le 8 migliori tabelle dati Custom Web Control per WinCC Unified e WinCC V8 (gratis)

Perché una tabella dati Custom Web Control vale la pena

Prima o poi ogni progetto HMI ha bisogno di una tabella. Gli ordini di produzione del turno, gli ultimi venti lotti, i controlli qualità con il loro esito, i pesi dell'ispezione, una query SQL che il responsabile di stabilimento vuole vedere a schermo "proprio come in Excel". Gauge e trend dicono all'operatore come sta andando il processo; una tabella dati gli dice cosa è successo, voce per voce, con nomi, orari e valori da consultare.

Gli oggetti standard di WinCC sono pensati per dati specifici: allarmi, trend, set di parametri. Quando vuoi una griglia con i tuoi record, con ricerca, pagine, colori di stato e una riga su cui l'operatore può fare clic, una tabella dati Custom Web Control (CWC) è la scorciatoia. Un CWC è una piccola applicazione web, HTML, CSS e JavaScript in un pacchetto ZIP, che WinCC Unified (TIA Portal) e WinCC V8 eseguono dentro la schermata. Una tabella CWC di solito riceve le righe come stringa JSON in una proprietà come dataJson o recordsJson, e genera eventi, come RowSelected, a cui possono rispondere i tuoi script HMI.

Cosa rende una tabella dati Custom Web Control degna di essere scaricata

Prima della lista, il metro di giudizio. Ecco cosa abbiamo cercato, più o meno in ordine di quanto ci dà fastidio quando manca:

• Leggibile a colpo d'occhio. Un'intestazione chiara, numeri allineati, unità e colori di stato che vogliono dire qualcosa. Una tabella che l'operatore deve decifrare è una tabella che nessuno legge.
• Volume sotto controllo. Ricerca, paginazione o un limite di righe (rowsPerPage, pageSize, maxDisplayedRows), così la schermata resta veloce e nessuno scorre mille righe su un pannello da 12 pollici.
• Un contratto dati pulito. Le righe in una proprietà documentata e la disposizione delle colonne in un'altra, così sai esattamente cosa deve scrivere il tuo script.
• Un'interazione che porta da qualche parte. Un evento di clic sulla riga, una richiesta di aggiornamento o un'esportazione CSV trasformano un elenco in uno strumento. Le schede che si limitano a contare le proprietà sono finite nelle menzioni d'onore.
• La tabella giusta per ogni lavoro. Un log storico, un editor SQL Server, un log di qualità, un elenco di variabili live, un browser di lotti, un esportatore, un log di ispezione e una griglia tuttofare: abbiamo scelto un campione per ogni lavoro.

Come le abbiamo scelte (e cosa non abbiamo fatto)

A inizio novembre 2026 abbiamo cercato nel catalogo HMIx tutti i Custom Web Control gratuiti costruiti attorno a righe e colonne: tabelle dati, log, griglie SQL, esportatori CSV e browser di record. Le applicazioni complete che per caso contengono una tabella, come i gestori di magazzino o di lotti, le lasciamo per un'altra volta. Per ogni candidato abbiamo guardato l'anteprima reale (non la copertina del catalogo con il titolone sopra) e letto la scheda prodotto per capire quali proprietà, eventi e metodi documenta. I download sono serviti solo per gli spareggi.

I controlli le cui schede non nominano le proprietà sono finiti nelle menzioni d'onore. Quattro sono stati scartati: tre gallerie mostrano solo l'icona del controllo, quindi non c'è niente da giudicare, e nel quarto il testo delle celle è praticamente invisibile. E un avvertimento onesto: abbiamo giudicato anteprime e documentazione; non abbiamo fatto girare questi controlli in un Runtime vero né contro un database reale. Sono stati generati con l'IA e ogni pagina prodotto ricorda di provarli nel proprio progetto TIA Portal prima di andare in produzione.

Le 8 migliori tabelle dati Custom Web Control, una per una

Per ogni voce trovi l'anteprima reale, cosa ci è piaciuto, cosa tenere presente e le proprietà nominate nella sua scheda prodotto, seguite dalla miniatura del catalogo: fai clic per aprire la pagina del prodotto e scaricare la tabella gratis.

01La migliore in assoluto

Dynamic Data Table

Se potessimo tenerne una sola, sarebbe questa. Una griglia scura e tranquilla con una casella "Search all columns..." in alto, data e ora di ogni record in blu e a spaziatura fissa e cinque colonne di processo: livello serbatoio, velocità pompa, posizione valvola, temperatura e pressione. In fondo, "Page 1 of 2 (20 records)" e un piccolo paginatore. Niente fronzoli, tutto dove te lo aspetti, e con due recensioni a cinque stelle a novembre 2026.

È pensata per i dati storici. Secondo la sua scheda genera da sola le colonne Date e Time e aggiunge cinque colonne di processo configurabili, definite in columnSettings e alimentate tramite historicalData. rowsPerPage imposta la paginazione, searchPlaceholder e noDataMessage coprono i testi e backgroundColor si adatta al tuo tema. RowSelected e PageChanged permettono ai tuoi script di reagire, e il metodo exportToCsv scarica le righe filtrate per un report.

Cosa ci piace

• +Ricerca, paginazione ed esportazione CSV in un solo controllo ordinato
• +Data e ora gestite per te, valori in colonne chiare
• +Interfaccia corta: due proprietà JSON fanno quasi tutto il lavoro

Da tenere presente

• –Cinque colonne di processo, secondo la sua scheda: per record più larghi scegli un'altra tabella
• –Nell'anteprima non c'è un pulsante di esportazione: chiama exportToCsv da un pulsante tuo

Proprietà collegabili

• historicalData
• columnSettings
• rowsPerPage
• searchPlaceholder
• noDataMessage
• backgroundColor

Dynamic Data Table

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

02La migliore per i record SQL Server (aggiungere, modificare ed eliminare)

Table SQL Server

Quella per chi vive dentro un database. Una barra degli strumenti chiara con una casella di ricerca, un "Add New" blu, "Edit", un "Delete" rosso e un pulsante di aggiornamento sta sopra una tabella ordinabile con colonne di ID, timestamp, nome variabile, valore, unità, stato e operatore. Il piè di pagina dice "SQL Server: Connected to [Production_DB]" da un lato e "No row selected" dall'altro. Con quattro recensioni e una media di 4,75 stelle a novembre 2026, è la tabella più recensita di questo articolo.

La sua scheda conta 21 proprietà e ne nomina venti. Il lato SQL è esplicito: sqlSelectQuery, sqlInsertQuery, sqlUpdateQuery e sqlDeleteQuery contengono i modelli delle query, primaryKeyColumn identifica la riga, e la connessione è dbConnectionString oppure dbServer, dbDatabase, dbUser e dbPassword. showAddButton, showEditButton e showDeleteButton decidono cosa può fare l'operatore, ciascuno con la sua etichetta. I pulsanti generano AddRequested, EditRequested, DeleteRequested e RefreshRequested per i tuoi script WinCC, e setTableData, setConnectionStatus e clearSelection permettono agli script di rispondere.

Cosa ci piace

• +Flusso completo di aggiunta, modifica ed eliminazione con un evento per ogni azione
• +Pulsanti che puoi nascondere per schermata o per ruolo utente
• +La tabella più recensita di questo articolo

Da tenere presente

• –Leggi la documentazione inclusa per capire dove girano davvero le query nella tua architettura prima di promettere SQL live, e non mettere mai una password del database in una variabile che gli operatori possono leggere
• –Nell'anteprima tutti i testi sono in corsivo, "Search records..." è tagliato in alto, "Add New" va a capo e la colonna dell'operatore esce dal bordo

Proprietà collegabili

• sqlSelectQuery
• sqlInsertQuery
• sqlUpdateQuery
• sqlDeleteQuery
• primaryKeyColumn
• dbConnectionString
• dbServer
• dbDatabase
• dbUser
• dbPassword
• showAddButton
• showEditButton
• showDeleteButton
• addLabel
• editLabel
• deleteLabel
• searchPlaceholder
• connectionStatusText
• noSelectionText
• backgroundColor

Table SQL Server

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

03La migliore per i log del controllo qualità

Quality Control Log

La tabella più bella della lista. In alto ci sono quattro schede di riepilogo: Total Checks 20, Passed 11 (55 %), Failed 4 (20 %) e Warnings 5 (25 %), ognuna con il suo colore. Sotto, una tabella fitta elenca gli ID lotto a partire da B-1024, un parametro con la sua icona (temperatura al cuore, pressione di sigillatura, volume di riempimento, livello di pH…), il valore con la sua unità, un badge luminoso OK, WARNING o FAIL, l'ora e l'operatore con un avatar rotondo con le sue iniziali.

La sua scheda elenca 10 proprietà e ne nomina nove: title e subtitle, le etichette delle schede totalLabel, passedLabel, failedLabel e warningsLabel, showFilters e searchPlaceholder per la ricerca e i filtri di stato, e backgroundColor. OnRowSelection apre la porta a una schermata di dettaglio del lotto, e i metodi clearSearch e setFilter permettono a uno script di saltare dritto ai fallimenti.

Cosa ci piace

• +Contatori di riepilogo e log dettagliato in un solo controllo
• +Badge di stato che si notano senza urlare
• +Ricerca e filtro per stato integrati

Da tenere presente

• –La scheda non nomina la proprietà che porta i record: controlla l'elenco Interfaccia in TIA Portal prima di collegarla
• –Nell'anteprima l'intestazione con titolo e filtri è sfocata e il bordo destro delle schede di riepilogo è tagliato

Proprietà collegabili

• title
• subtitle
• totalLabel
• passedLabel
• failedLabel
• warningsLabel
• showFilters
• searchPlaceholder
• backgroundColor

Quality Control Log

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

04La migliore tabella leggera per i valori live delle variabili

Data Table

A volte basta un elenco pulito. Questa mostra nome variabile, valore, unità e stato per dieci segnali, da PUMP-001 a 145.2 m³/h fino a COOL-001 a 22.1 °C, con un pallino colorato per Active, Idle, Error o Offline. La riga selezionata è segnata da una barra blu sul bordo sinistro. Alto contrasto, niente decorazioni, facile da leggere anche a un metro di distanza.

La sua interfaccia è altrettanto snella. dataJson porta le righe e columns definisce lo schema, rowHeight e headerHeight regolano la densità, emptyMessage copre il caso senza dati e backgroundColor si adatta alla tua schermata. Secondo la sua scheda l'intestazione resta fissa, RowSelected scatta al clic e selectedRowIndex può riscrivere la selezione su una variabile (per questa disattiva Sola lettura). clearSelection e scrollToTop riportano la vista all'inizio.

Cosa ci piace

• +Molto leggibile, con intestazione fissa per gli elenchi lunghi
• +Selezione riscritta su una variabile per faceplate collegati
• +Veloce da collegare: una proprietà dati e una definizione delle colonne

Da tenere presente

• –La sua scheda non parla di ricerca, ordinamento o paginazione: tienila per gli elenchi corti
• –Metà dell'anteprima è spazio vuoto sotto le righe, quindi dimensionala sul numero di righe che hai

Proprietà collegabili

• dataJson
• columns
• selectedRowIndex
• rowHeight
• headerHeight
• emptyMessage
• backgroundColor

Data Table

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

05La migliore per sfogliare i record di lotto pagina per pagina

Paginated Records Table

La tabella più recente di questo articolo, pubblicata a ottobre 2026, e anche una delle più ragionate. Cinque record di lotto riempiono il controllo, da B-24-0412 "Tomato Sauce 500" sulla linea L2 a B-24-0416 "Basil Purée", con ricetta, linea, ora di inizio e una quantità in kg allineata a destra. Il piè di pagina riporta "Rows 1–5 of 47" accanto a un paginatore con prima, precedente, numeri di pagina, successiva e ultima.

Le sue 17 proprietà descrivono una divisione del lavoro pulita. Gli script del tuo progetto interrogano il database e scrivono la pagina corrente in rows, la dimensione del database in totalCount e la pagina confermata in pageIndex dopo un evento PageChanged. pageSize, columns (etichette, allineamento e unità) e rangeTemplate danno forma alla vista. Fare clic su una riga, o premere Invio o Spazio, genera RowClicked e apre un pannello in sovrimpressione con nome, valore e unità di ogni parametro memorizzato, che fornisci tramite selectedParameters e parametersRowId.

Cosa ci piace

• +Paginazione lato server: il pannello tiene solo le righe a schermo
• +Un pannello di dettaglio dei parametri per ogni record, che si chiude con Esc
• +Supporto da tastiera ed etichette accessibili

Da tenere presente

• –Nell'anteprima le righe sono molto alte, quindi vedi pochi record alla volta
• –Senza i tuoi script non funziona niente: le query vivono nel tuo progetto, non nel controllo

Proprietà collegabili

• rows
• totalCount
• pageIndex
• pageSize
• columns
• rangeTemplate
• selectedParameters
• parametersRowId
• backgroundColor

Paginated Records Table

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

06La migliore per esportare dati storici in CSV

Historical Data CSV Exporter

Per la richiesta classica: "mi dai i dati di stanotte in Excel?". Due selettori di data e ora fissano la finestra, dalle 09:16 alle 10:16 nell'anteprima, e una tabella mostra in anteprima i record con un timestamp e quattro variabili di archivio: temperatura TT_101 in °C, pressione PT_201 in bar, portata FT_301 in m³/h e livello LT_401 in %. Il piè di pagina riporta "Configured: 4 tags • Previewing: 15 of 26 records", accanto a un grande pulsante verde "Export CSV".

La sua scheda nomina tutto il flusso. startTimestamp ed endTimestamp contengono la finestra (disattiva Sola lettura così la scelta dell'operatore arriva alle variabili), startLabel ed endLabel traducono le didascalie e loggingTags elenca le colonne. Il tuo script risponde a QueryRequested scrivendo i record in historicalDataJson, maxPreviewRows limita l'anteprima, e l'esportazione crea un CSV con il nome basato su fileNamePrefix e genera ExportTriggered. previewButtonText, exportButtonText, setHistoricalData e triggerExport completano il quadro.

Cosa ci piace

• +Flusso completo di query, anteprima ed esportazione in una sola schermata
• +Nomi di file coerenti per i report di turno e di audit
• +Look chiaro, da ufficio, adatto alle schermate di reportistica

Da tenere presente

• –Nell'anteprima un pulsante sotto i selettori di data è quasi del tutto nascosto dietro la tabella
• –Non legge da solo il tuo archivio: uno script deve riempire historicalDataJson

Proprietà collegabili

• startTimestamp
• endTimestamp
• loggingTags
• historicalDataJson
• maxPreviewRows
• fileNamePrefix
• startLabel
• endLabel
• previewButtonText
• exportButtonText
• backgroundColor

Historical Data CSV Exporter

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

07La migliore per i log di ispezione e pesatura

Inspection Log

Un log senza fronzoli, preso pari pari da una linea di produzione. "TUBE WEIGHT INSPECTION LOG" sta in testa a una tabella chiara e bordata con numero del tubo, data e ora, peso e stato del peso per i tubi dal 101 al 108. I pesi oscillano tra 17,7 e 17,9, e i tre marcati "OK HIGH" hanno una cella giallo acceso, così saltano subito all'occhio. Un badge "STANDALONE / READY" nell'angolo mostra lo stato della connessione.

La sua scheda conta 7 proprietà e le nomina tutte: recordsJson riceve i record (per esempio il risultato di una query SQL), maxDisplayedRows tiene corta la vista, titleText e connectionStatusText fanno da etichette, headerColor e backgroundColor definiscono la palette, e highlightHighWeightColor sceglie il colore di avviso. RowSelected e RefreshRequested parlano con i tuoi script, mentre appendRecord aggiunge i risultati live uno alla volta e clearRecords avvia una nuova sessione.

Cosa ci piace

• +I risultati fuori tolleranza è impossibile non vederli
• +appendRecord per lo streaming live da una selezionatrice ponderale
• +Look classico e stampabile, che piace ai team qualità

Da tenere presente

• –Fatta per i pesi: per altre ispezioni devi rinominare le colonne, e la colonna del peso non mostra l'unità
• –La sua scheda parla di righe evidenziate, ma nell'anteprima diventa gialla solo la cella dello stato

Proprietà collegabili

• recordsJson
• maxDisplayedRows
• titleText
• connectionStatusText
• highlightHighWeightColor
• headerColor
• backgroundColor

Inspection Log

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

08Il preferito del pubblico: la più flessibile (Tabulator)

Custom table

La veterana della lista, pubblicata a luglio 2025, e la tabella più scaricata del catalogo, con 45 download a novembre 2026. L'anteprima è una demo, non una schermata d'impianto: una finestra con barra del titolo blu contiene le colonne Name, Salary e Rating per Donald, Peter e Ronaldo, con barre di avanzamento verdi e valutazioni a stelle. La riga di Peter è selezionata, e una riga sotto riporta il clic: "The content of the selected row is: {"name":"Peter"}".

Quello che le manca in estetica lo recupera in portata. Secondo la sua scheda è costruita su Tabulator, una nota libreria open source per tabelle, quindi filtri, formattatori di colonna e stili dinamici ci sono tutti. La alimenti tramite due proprietà, TableDataString per le righe e ColumnStyleString per le definizioni delle colonne, e un evento di clic dice al tuo script quale riga e quale colonna sono state toccate, pronto per aprire un popup o cambiare schermata. Il download include un progetto di esempio e le istruzioni di integrazione in inglese.

Cosa ci piace

• +Tabulator sotto il cofano: formattatori, filtri e ordinamento con documentazione online
• +Evento di clic su riga e colonna per l'approfondimento
• +Progetto di esempio incluso, ed è la tabella più scaricata

Da tenere presente

• –Look datato e dati demo nell'anteprima: mettiti in conto di ridisegnarla
• –Le definizioni delle colonne le scrivi come stringa JSON, e serve un po' di lettura della documentazione di Tabulator

Proprietà collegabili

• TableDataString
• ColumnStyleString

Custom table

Gratis · WinCC Unified & V8 · CWC (.zip)

↓Vedi e scarica gratis✦Modificalo con l'IA

Menzione d'onore: un'altra tabella che merita un'occhiata

Un controllo bello da vedere rimasto fuori dalla top 8 perché la sua scheda prodotto non nomina le proprietà. Fai clic sulla miniatura per aprire la sua pagina prodotto.

• 

  Modern table

  Un monitor di asset con orologio live, contatori di prestazione globale e di allarmi, e una tabella di dispositivi con badge di stato, temperatura, barre di carico, stato di salute e un pulsante "VER". I testi dell'anteprima sono in spagnolo, e la scheda conta 14 proprietà, 2 eventi e 2 metodi senza nominarli.

  Vedi prodotto →

Come usare una tabella dati Custom Web Control in WinCC Unified (e WinCC V8)

La versione breve, per quando hai già scelto la tua tabella. La nostra guida ai Custom Web Control copre ogni passaggio con schemi e screenshot.

1. 1

   Scarica lo ZIP

   Apri la pagina del prodotto, accedi con il tuo account gratuito e scarica la tabella. Lo ZIP scaricato contiene la documentazione e, al suo interno, il pacchetto del controllo chiamato {GUID}.zip: è quel file interno che ti serve.

2. 2

   Copialo nel tuo progetto TIA Portal

   Copia il file {GUID}.zip, ancora compresso, nella cartella del progetto sotto UserFiles\CustomControls (crea entrambe le cartelle se non esistono). Non estrarlo.

3. 3

   Aggiorna I miei controlli e trascinalo

   In TIA Portal apri la task card Tool, espandi la tavolozza I miei controlli e fai clic su Aggiorna. La tabella compare nell'elenco: trascinala nella schermata e lasciale abbastanza spazio per le colonne.

4. 4

   Collega e prova le proprietà

   Seleziona il controllo e apri Finestra di ispezione → Proprietà → Proprietà → Interfaccia. Queste tabelle ricevono le righe come stringa JSON (dataJson, historicalData, recordsJson, TableDataString…), quindi inizia con una variabile interna di tipo stringa e un piccolo script di prova che scriva due o tre righe, poi avvia Runtime. Disattiva Sola lettura sulle proprietà che il controllo riscrive, come selectedRowIndex o pageIndex. Quando le righe appaiono come previsto, passa ai tuoi dati reali.

5. 5

   Su WinCC V8

   Ogni tabella della top di questo articolo è indicata come compatibile con WinCC V8 nella sua pagina prodotto. Il pacchetto è lo stesso; per importare e configurare i Custom Web Control in quell'ambiente segui la documentazione di WinCC V8.

Dritta del mestiere: manda alla tabella solo quello che l'operatore riesce a leggere. Usa i limiti di righe che offrono questi controlli (rowsPerPage, pageSize, maxDisplayedRows, maxPreviewRows) e, con grandi quantità di dati, interroga una pagina alla volta come fa la Paginated Records Table. Una stringa JSON con migliaia di righe riscritta ogni secondo è un lavoraccio per un Unified Comfort Panel e non serve a niente alla persona che ci sta davanti.

Domande frequenti

Il nostro verdetto

Se ne scarichi una sola, che sia la Dynamic Data Table: ricerca, paginazione ed esportazione CSV in una griglia tranquilla che avrai collegato in pochi minuti. Per un editor SQL Server, la Table SQL Server; per la qualità, il Quality Control Log; per un elenco corto di valori live, la Data Table; per gli storici di lotto lunghi, la Paginated Records Table; per il classico «mi serve in Excel», l'Historical Data CSV Exporter; per una selezionatrice ponderale, l'Inspection Log; e quando vuoi tutta la cassetta degli attrezzi di Tabulator, la Custom table.

E se i tuoi record hanno bisogno di una tabella che nessuna di queste disegna (succede sempre), ricorda che il generatore che le ha create è a un clic di distanza.