È possibile aggiungere tabelle in Visualizzazione vista per migliorare la leggibilità dei dati.
Le specifiche del widget Tabella includono colonne che seguono questa sintassi:
{
"name": "Table Cars",
"type": "Table",
"property": "Acceleration",
"label": "Acceleration",
"type": "Number",
"visible": true,
"width": 100,
"style": {}
}| Campo | Descrizione |
|---|---|
property |
Proprietà della chiave per accedere ai dati nella riga specificata. |
type |
È necessario disporre di una funzione di ricerca e filtro appropriata, in quanto i numeri non vengono ricercati come stringhe. |
visible |
Consente di visualizzare o nascondere qualsiasi colonna senza rimuoverne completamente la definizione. |
label |
Definisce le intestazioni di colonna. |
style |
Consente alle tabelle di essere modellate aggiungendo le proprietà CSS in camel case. Ad esempio, se si desidera specificare l'allineamento del testo in una tabella, utilizzare textAlign piuttosto che text-align. |
È possibile personalizzare il rendering delle tabelle utilizzando i seguenti elementi:
| Elemento | Descrizione |
|---|---|
numbered |
Visualizza i numeri di riga. |
compact |
Riduce l'altezza della riga. |
columnExpand |
Impostare columnExpand su true per espandere le larghezze delle colonne per adattarle al widget. |
columnShrink |
Impostare columnShrink su true per ridurre le larghezze delle colonne in modo da adattarle al widget. |
La funzione di ricerca e filtro è disponibile nelle tabelle. Per ricercare il contenuto in una tabella, fare clic sull'icona di ricerca 
. È possibile limitare la ricerca a una colonna specifica, aggiungendo un prefisso alla ricerca nel modo seguente"column heading":"search". Ad esempio, name:chevrolet. Per ricercare i valori compresi tra x e y, utilizzare 10..20. È inoltre possibile cercare valori maggiori di x, ad esempio 10.., e valori minori di x, ad esempio ..20. Per ulteriori informazioni sul filtraggio delle tabelle, consultare Ricerca e filtraggio delle tabelle in un esperimento Decision Optimization.