Las 8 mejores tablas de datos Custom Web Control para WinCC Unified y WinCC V8 (gratis)

Por qué merece la pena una tabla de datos Custom Web Control

Tarde o temprano, todo proyecto HMI necesita una tabla. Las órdenes de fabricación del turno, los últimos veinte lotes, controles de calidad con su OK o su fallo, pesos de inspección, una consulta SQL que el jefe de planta quiere ver en pantalla «igual que en Excel». Los gauges y las tendencias le dicen al operador cómo va el proceso; una tabla de datos le dice qué ha pasado, registro a registro, con nombres, horas y valores que puede consultar.

Los objetos estándar de WinCC están pensados para datos concretos: avisos, curvas, juegos de parámetros. Cuando quieres una rejilla con tus propios registros, con búsqueda, páginas, colores de estado y una fila en la que el operador pueda hacer clic, una tabla de datos Custom Web Control (CWC) es el atajo. Un CWC es una pequeña aplicación web, HTML, CSS y JavaScript empaquetados en un ZIP, que WinCC Unified (TIA Portal) y WinCC V8 ejecutan dentro de la pantalla. Una tabla CWC suele recibir sus filas como cadena JSON en una propiedad como dataJson o recordsJson, y dispara eventos, como RowSelected, a los que tus scripts HMI pueden responder.

Qué hace que una tabla de datos Custom Web Control merezca la descarga

Antes de la lista, la vara de medir. Esto es lo que buscamos, más o menos en el orden en que nos molesta que falte:

• Legible de un vistazo. Una cabecera clara, números alineados, unidades y colores de estado que signifiquen algo. Una tabla que el operador tiene que descifrar es una tabla que nadie lee.
• El volumen bajo control. Búsqueda, paginación o un límite de filas (rowsPerPage, pageSize, maxDisplayedRows), para que la pantalla vaya fluida y nadie tenga que recorrer mil líneas en un panel de 12 pulgadas.
• Un contrato de datos limpio. Las filas en una propiedad documentada y la definición de columnas en otra, para saber exactamente qué tiene que escribir tu script.
• Interacción que lleva a algún sitio. Un evento al hacer clic en una fila, una petición de refresco o una exportación a CSV convierten una lista en una herramienta. Las fichas que solo cuentan sus propiedades pasaron a las menciones de honor.
• La tabla adecuada para cada trabajo. Un histórico, un editor de SQL Server, un registro de calidad, una lista de variables en vivo, un navegador de lotes, un exportador, un registro de inspección y una rejilla para todo: elegimos una campeona por trabajo.

Cómo las elegimos (y qué no hicimos)

A principios de noviembre de 2026 buscamos en el catálogo de HMIx todos los Custom Web Control gratuitos construidos alrededor de filas y columnas: tablas de datos, registros, rejillas SQL, exportadores CSV y navegadores de registros. Las aplicaciones completas que además contienen una tabla, como gestores de inventario o de lotes, quedan para otro día. De cada candidata miramos su vista previa real (no la portada del catálogo con el título enorme encima) y leímos su ficha para ver qué propiedades, eventos y métodos documenta. Las descargas solo sirvieron para desempatar.

Los controles cuya ficha no nombra sus propiedades pasaron a las menciones de honor. Descartamos cuatro: en tres la galería solo muestra el icono del control, así que no hay nada que juzgar, y en la cuarta el texto de las celdas es prácticamente invisible. Y un aviso honesto: juzgamos vistas previas y documentación; no ejecutamos estos controles en un Runtime real ni contra una base de datos de verdad. Se generaron con IA y cada ficha recuerda que hay que probarlos en tu propio proyecto de TIA Portal antes de llevarlos a producción.

Las 8 mejores tablas de datos Custom Web Control, una a una

Cada entrada muestra la vista previa real, lo que nos gustó, lo que conviene saber y las propiedades que nombra su ficha, seguido de la miniatura del catálogo: haz clic en ella para abrir la ficha y descargar la tabla gratis.

01La mejor en general

Dynamic Data Table

Si solo pudiéramos quedarnos con una, sería esta. Una rejilla oscura y tranquila con un cuadro «Search all columns...» arriba, la fecha y la hora de cada registro en azul y letra monoespaciada y cinco columnas de proceso: nivel de tanque, velocidad de bomba, posición de válvula, temperatura y presión. Abajo, «Page 1 of 2 (20 records)» y un pequeño paginador. Nada llamativo, todo donde lo esperas, y con dos reseñas de cinco estrellas en noviembre de 2026.

Está pensada para datos históricos. Según su ficha, genera ella misma las columnas de fecha y hora y añade cinco columnas de proceso configurables, definidas en columnSettings y alimentadas mediante historicalData. rowsPerPage fija la paginación, searchPlaceholder y noDataMessage cubren los textos y backgroundColor la adapta a tu tema. RowSelected y PageChanged permiten reaccionar a tus scripts, y el método exportToCsv descarga las filas filtradas para un informe.

Lo que nos gusta

• +Búsqueda, paginación y exportación a CSV en un control ordenado
• +La fecha y la hora se gestionan solas, los valores en columnas claras
• +Interfaz corta: dos propiedades JSON hacen casi todo el trabajo

A tener en cuenta

• –Cinco columnas de proceso, según su ficha: para registros más anchos, elige otra tabla
• –En la vista previa no hay botón de exportar: llama a exportToCsv desde un botón tuyo

Propiedades enlazables

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

Dynamic Data Table

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

↓Ver y descargar gratis✦Editarlo con IA

02La mejor para registros de SQL Server (añadir, editar y borrar)

Table SQL Server

La de quien vive en una base de datos. Una barra clara con un buscador, un «Add New» azul, «Edit», un «Delete» rojo y un botón de refresco preside una tabla ordenable con columnas de ID, fecha y hora, nombre de variable, valor, unidad, estado y operador. El pie dice «SQL Server: Connected to [Production_DB]» a un lado y «No row selected» al otro. Con cuatro reseñas y una media de 4,75 estrellas en noviembre de 2026, es la tabla con más reseñas de este artículo.

Su ficha cuenta 21 propiedades y nombra veinte. La parte SQL es explícita: sqlSelectQuery, sqlInsertQuery, sqlUpdateQuery y sqlDeleteQuery guardan las plantillas de consulta, primaryKeyColumn identifica la fila y la conexión va por dbConnectionString o por dbServer, dbDatabase, dbUser y dbPassword. showAddButton, showEditButton y showDeleteButton deciden qué puede hacer el operador, con sus propias etiquetas. Los botones lanzan AddRequested, EditRequested, DeleteRequested y RefreshRequested hacia tus scripts de WinCC, y setTableData, setConnectionStatus y clearSelection permiten que los scripts respondan.

Lo que nos gusta

• +Flujo completo de alta, edición y borrado, con un evento por acción
• +Botones que puedes ocultar por pantalla o por rol de usuario
• +La tabla con más reseñas de este artículo

A tener en cuenta

• –Lee la documentación incluida para ver dónde se ejecutan realmente las consultas en tu arquitectura antes de prometer SQL en vivo, y nunca guardes una contraseña de base de datos en una variable que el operador pueda leer
• –En la vista previa todo el texto va en cursiva, «Search records...» sale cortado por arriba, «Add New» ocupa dos líneas y la columna de operador se sale del borde

Propiedades enlazables

• 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 y V8 · CWC (.zip)

↓Ver y descargar gratis✦Editarlo con IA

03La mejor para registros de control de calidad

Quality Control Log

La tabla más vistosa de la lista. Arriba, cuatro tarjetas de resumen: Total Checks 20, Passed 11 (55 %), Failed 4 (20 %) y Warnings 5 (25 %), cada una con su color. Debajo, una tabla densa lista lotes desde B-1024, un parámetro con su propio icono (temperatura del núcleo, presión de sellado, volumen de llenado, pH…), el valor con su unidad, una insignia luminosa OK, WARNING o FAIL, la hora y el operador con un avatar redondo con sus iniciales.

Su ficha cuenta 10 propiedades y nombra nueve: title y subtitle, las etiquetas de las tarjetas totalLabel, passedLabel, failedLabel y warningsLabel, showFilters y searchPlaceholder para la búsqueda y los filtros de estado, y backgroundColor. OnRowSelection abre la puerta a una pantalla de detalle del lote, y los métodos clearSearch y setFilter permiten que un script salte directamente a los fallos.

Lo que nos gusta

• +Contadores de resumen y registro detallado en un solo control
• +Insignias de estado que destacan sin gritar
• +Búsqueda y filtro por estado incluidos

A tener en cuenta

• –La ficha no nombra la propiedad que lleva los registros: revisa la lista de la interfaz en TIA Portal antes de enlazar
• –En la vista previa la cabecera con el título y los filtros sale desenfocada y el borde derecho de las tarjetas de resumen aparece cortado

Propiedades enlazables

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

Quality Control Log

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

↓Ver y descargar gratis✦Editarlo con IA

04La mejor tabla ligera para valores de variables en vivo

Data Table

A veces basta con una lista limpia. Esta muestra nombre de variable, valor, unidad y estado de diez señales, desde PUMP-001 a 145,2 m³/h hasta COOL-001 a 22,1 °C, con un punto de color para Active, Idle, Error u Offline. La fila seleccionada lleva una barra azul en su borde izquierdo. Alto contraste, cero adornos y fácil de leer a un metro de distancia.

Su interfaz es igual de escueta. dataJson lleva las filas y columns define el esquema, rowHeight y headerHeight ajustan la densidad, emptyMessage cubre el caso sin datos y backgroundColor la adapta a tu pantalla. Según su ficha la cabecera queda fija al desplazarse, RowSelected salta al hacer clic y selectedRowIndex puede escribir la selección en una variable (desmarca «Solo lectura» en ella). clearSelection y scrollToTop reinician la vista.

Lo que nos gusta

• +Muy legible, con cabecera fija para listas largas
• +La selección se escribe en una variable para enlazar faceplates
• +Rápida de enlazar: una propiedad de datos y una definición de columnas

A tener en cuenta

• –Su ficha no menciona búsqueda, ordenación ni paginación: resérvala para listas cortas
• –La mitad de la vista previa es espacio vacío bajo las filas, así que dimensiónala a tu número de filas

Propiedades enlazables

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

Data Table

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

↓Ver y descargar gratis✦Editarlo con IA

05La mejor para recorrer registros de lotes página a página

Paginated Records Table

La tabla más reciente de este artículo, publicada en octubre de 2026, y una de las más pensadas. Cinco registros de lotes llenan el control, desde B-24-0412 «Tomato Sauce 500» en la línea L2 hasta B-24-0416 «Basil Purée», con receta, línea, hora de inicio y una cantidad en kg alineada a la derecha. El pie dice «Rows 1–5 of 47» junto a un paginador con primera, anterior, números de página, siguiente y última.

Sus 17 propiedades describen un reparto de trabajo limpio. Los scripts de tu proyecto consultan la base de datos y escriben la página actual en rows, el tamaño de la base de datos en totalCount y la página confirmada en pageIndex tras un evento PageChanged. pageSize, columns (etiquetas, alineación y unidades) y rangeTemplate dan forma a la vista. Al hacer clic en una fila, o pulsar Intro o Espacio, se dispara RowClicked y se abre una hoja sobre fondo atenuado con el nombre, el valor y la unidad de cada parámetro guardado, que tú suministras con selectedParameters y parametersRowId.

Lo que nos gusta

• +Paginación en el servidor: el panel solo guarda las filas visibles
• +Una hoja de parámetros por registro, que se cierra con Esc
• +Manejo con teclado y etiquetas accesibles

A tener en cuenta

• –En la vista previa las filas son muy altas, así que ves pocos registros a la vez
• –Nada funciona sin tus scripts: las consultas viven en tu proyecto, no en el control

Propiedades enlazables

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

Paginated Records Table

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

↓Ver y descargar gratis✦Editarlo con IA

06La mejor para exportar datos históricos a CSV

Historical Data CSV Exporter

Para la petición de siempre: «¿me pasas los datos de anoche en Excel?». Dos selectores de fecha y hora fijan la ventana, de 09:16 a 10:16 en la vista previa, y una tabla muestra los registros con su marca de tiempo y cuatro variables de archivado: temperatura TT_101 en °C, presión PT_201 en bar, caudal FT_301 en m³/h y nivel LT_401 en %. El pie dice «Configured: 4 tags • Previewing: 15 of 26 records», junto a un gran botón verde «Export CSV».

Su ficha nombra todo el flujo. startTimestamp y endTimestamp guardan la ventana (desmarca «Solo lectura» para que la elección del operador llegue a las variables), startLabel y endLabel traducen los rótulos y loggingTags enumera las columnas. Tu script responde a QueryRequested escribiendo los registros en historicalDataJson, maxPreviewRows limita la vista previa y la exportación genera un CSV con el nombre de fileNamePrefix y lanza ExportTriggered. previewButtonText, exportButtonText, setHistoricalData y triggerExport lo completan.

Lo que nos gusta

• +Consulta, vista previa y exportación completas en una sola pantalla
• +Nombres de archivo coherentes para informes de turno y auditorías
• +Aspecto claro, de oficina, ideal para pantallas de informes

A tener en cuenta

• –En la vista previa un botón bajo los selectores de fecha queda casi totalmente tapado por la tabla
• –No lee tu archivado por sí sola: un script tiene que rellenar historicalDataJson

Propiedades enlazables

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

Historical Data CSV Exporter

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

↓Ver y descargar gratis✦Editarlo con IA

07La mejor para registros de inspección y pesaje

Inspection Log

Un registro sin florituras, recién salido de una línea de producción. «TUBE WEIGHT INSPECTION LOG» encabeza una tabla clara con bordes, con número de tubo, fecha y hora, peso y estado del peso de los tubos 101 a 108. Los pesos rondan 17,7 a 17,9, y los tres marcados como «OK HIGH» se llevan una celda amarilla bien visible, así que saltan a la vista al momento. Una insignia «STANDALONE / READY» en la esquina muestra el estado de la conexión.

Su ficha cuenta 7 propiedades y las nombra todas: recordsJson recibe los registros (por ejemplo, el resultado de una consulta SQL), maxDisplayedRows mantiene la vista corta, titleText y connectionStatusText la rotulan, headerColor y backgroundColor fijan la paleta y highlightHighWeightColor elige el color de aviso. RowSelected y RefreshRequested hablan con tus scripts, mientras que appendRecord añade resultados en vivo uno a uno y clearRecords empieza una sesión nueva.

Lo que nos gusta

• +Los resultados fuera de tolerancia no se pueden pasar por alto
• +appendRecord para recibir en vivo los datos de una pesadora de control
• +Aspecto clásico e imprimible que gusta a los equipos de calidad

A tener en cuenta

• –Pensada para pesos: otras inspecciones obligan a renombrar columnas, y la columna de peso no muestra unidad
• –Su ficha habla de filas resaltadas, pero en la vista previa solo se pone amarilla la celda de estado

Propiedades enlazables

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

Inspection Log

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

↓Ver y descargar gratis✦Editarlo con IA

08La favorita del público: la más flexible (Tabulator)

Custom table

La veterana de la lista, publicada en julio de 2025, y la tabla más descargada del catálogo, con 45 descargas en noviembre de 2026. La vista previa es una demo, no una pantalla de planta: una ventana con barra de título azul contiene las columnas Name, Salary y Rating de Donald, Peter y Ronaldo, con barras de progreso verdes y estrellas. La fila de Peter está seleccionada, y una línea debajo repite el clic: «The content of the selected row is: {"name":"Peter"}».

Lo que le falta de aspecto lo compensa con alcance. Según su ficha está construida sobre Tabulator, una conocida librería de tablas de código abierto, así que trae filtros, formateadores de columna y estilos dinámicos. Se alimenta con dos propiedades, TableDataString para las filas y ColumnStyleString para la definición de columnas, y un evento de clic le dice a tu script qué fila y qué columna se han pulsado, listo para abrir un popup o cambiar de pantalla. La descarga incluye un proyecto de ejemplo e instrucciones de integración en inglés.

Lo que nos gusta

• +Tabulator por debajo: formateadores, filtros y ordenación con documentación en línea
• +Evento de clic con fila y columna para profundizar
• +Proyecto de ejemplo incluido, y la tabla más descargada

A tener en cuenta

• –Aspecto anticuado y datos de demo en la vista previa: cuenta con reestilizarla
• –La definición de columnas se escribe como cadena JSON, lo que exige leerse un poco la documentación de Tabulator

Propiedades enlazables

• TableDataString
• ColumnStyleString

Custom table

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

↓Ver y descargar gratis✦Editarlo con IA

Mención de honor: una tabla más que merece un vistazo

Un control vistoso que no entró entre las ocho mejores porque su ficha no nombra sus propiedades. Haz clic en la miniatura para abrir su ficha.

• 

  Modern table

  Un monitor de activos con reloj en vivo, contadores de rendimiento global y alertas, y una tabla de equipos con insignias de estado, temperatura, barras de carga, salud y un botón «VER». Los textos de la vista previa están en español, y la ficha cuenta 14 propiedades, 2 eventos y 2 métodos sin nombrarlos.

  Ver producto →

Cómo usar una tabla de datos Custom Web Control en WinCC Unified (y WinCC V8)

La versión corta, para cuando ya has elegido tu tabla. Nuestra guía de Custom Web Controls cubre cada paso con esquemas y capturas.

1. 1

   Descarga el ZIP

   Abre la ficha, inicia sesión con tu cuenta gratuita y descarga la tabla. El ZIP descargado contiene la documentación y, dentro, el paquete del control llamado {GUID}.zip: ese archivo interior es el que necesitas.

2. 2

   Cópialo en tu proyecto de TIA Portal

   Copia el archivo {GUID}.zip, sin descomprimir, en la carpeta de tu proyecto dentro de UserFiles\CustomControls (crea ambas carpetas si no existen). No lo extraigas.

3. 3

   Actualiza Controles propios y arrástrala

   En TIA Portal, abre la task card Herramientas, despliega la paleta Controles propios (My controls) y pulsa Actualizar. La tabla aparece en la lista: arrástrala a tu pantalla y dale sitio para sus columnas.

4. 4

   Enlaza y prueba las propiedades

   Selecciona el control y abre ventana de inspección → Propiedades → Propiedades → Interfaz. Estas tablas reciben sus filas como cadena JSON (dataJson, historicalData, recordsJson, TableDataString…), así que empieza con una variable interna de tipo cadena y un pequeño script de prueba que escriba dos o tres filas, y arranca el Runtime. Desmarca «Solo lectura» en las propiedades que el control escribe de vuelta, como selectedRowIndex o pageIndex. Cuando las filas se vean bien, pasa a tus datos reales.

5. 5

   En WinCC V8

   Todas las elegidas de este artículo están etiquetadas como compatibles con WinCC V8 en su ficha. El paquete es el mismo; sigue la documentación de WinCC V8 para importar y configurar Custom Web Controls en ese entorno.

Consejo de experto: envía a la tabla solo lo que el operador puede leer. Usa los límites de filas que ofrecen estos controles (rowsPerPage, pageSize, maxDisplayedRows, maxPreviewRows) y, con conjuntos de datos grandes, consulta página a página como hace la Paginated Records Table. Una cadena JSON de miles de filas reescrita cada segundo es mucho trabajo para un Unified Comfort Panel y no le sirve de nada a la persona que tiene delante.

Preguntas frecuentes

Nuestro veredicto

Si solo descargas una, que sea la Dynamic Data Table: búsqueda, paginación y exportación a CSV en una rejilla tranquila que tendrás enlazada en minutos. Para editar registros de SQL Server, Table SQL Server; para calidad, el Quality Control Log; para una lista corta de valores en vivo, la Data Table; para históricos de lotes grandes, la Paginated Records Table; para el «lo necesito en Excel», el Historical Data CSV Exporter; para una pesadora de control, el Inspection Log; y cuando quieras toda la caja de herramientas de Tabulator, la Custom table.

Y si tus registros necesitan una tabla que ninguna dibuja (siempre pasa), recuerda que el generador que las creó está a un solo clic.