Widget tabellari interattivi

Aggiungere e modificare un widget "Tabella interattiva"

In questo articolo imparerai...

• Che cos’è un widget “Tabella interattiva”?
• Come utilizzare i widget "Tabella interattiva"

Aggiungere il widget "Tabella interattiva"

Il widget Tabella interattiva si trova nel menu a tendina " Incorpora " nella barra degli strumenti dell'App Editor.

Fonte dati

Il widget Tabella interattiva può essere utilizzato per visualizzare i dati provenienti dalle seguenti fonti:

• Variabile: qualsiasi variabile all'interno dell'app (la variabile deve essere un array di oggetti).
• Tabella: una tabella Tulip esistente.
• Query della tabella: una query all’interno di una tabella Tulip per restituire i record filtrati.

Segnaposto/variabile di record collegato

Un widget Tabella interattiva può anche includere un segnaposto collegato o una variabile, a seconda della fonte dati. Questo rappresenta un contenitore per un singolo oggetto, mentre una Tabella interattiva rappresenta un elenco di oggetti. Se viene impostato un segnaposto collegato o una variabile, selezionando una riga all’interno della tabella si caricherà quella riga di dati nel contenitore.

Campi

I campi sono rappresentati dai campi presenti nella tabella Tulip selezionata, nella query della tabella o dalle chiavi degli oggetti nella variabile selezionata.

Per aggiungere campi, utilizzare le caselle di controllo per selezionarli dall’elenco a discesa oppure fare clic su “Seleziona tutto”.

Tulip consiglia di visualizzare non più di 20 campi per passaggio per garantire un’esperienza utente e prestazioni dell’app ottimali.

Per riordinare i campi, fare clic e trascinare le etichette nelle proprietà del widget. Per modificare la larghezza dei campi, trascinare le linee di ciascun campo nell’App Editor o nel Player.

Avvolgimento del testo

È possibile impostare il ritorno a capo automatico per il testo all’interno di una cella della tabella interattiva. Se il ritorno a capo è abilitato, il testo più lungo creerà spazio verticale aggiuntivo. Se il ritorno a capo è disabilitato, il testo verrà troncato con dei puntini di sospensione quando si avvicina al bordo del campo.

Per attivare o disattivare l’avvolgimento del testo nell’intestazione e nel testo del record, utilizzare gli interruttori nel pannello di contesto.

Pulsante di selezione

È possibile aggiungere un pulsante di selezione al widget Tabella interattiva per indicare con maggiore chiarezza quale riga è selezionata se è stato aggiunto un segnaposto/una variabile collegata.

Filtri

È possibile aggiungere filtri statici o dinamici al widget Tabella interattiva per filtrare i dati presenti nel widget stesso. I filtri possono essere impostati in modo da soddisfare tutte o alcune condizioni e possono essere confrontati con valori statici, variabili, informazioni sull'applicazione e campi dei record della tabella.

Ordinamento

È possibile impostare l’ordinamento della tabella interattiva in base a un campo specifico utilizzando l’opzione “Ordina per” in ordine crescente o decrescente (a seconda del tipo di dati). È inoltre possibile aggiungere più metodi di ordinamento per ciascun campo nel widget della tabella.

I campi già aggiunti nell’opzione “Ordina per” possono essere ordinati anche nel lettore. Fare clic sull’icona ^ per invertire l’ordine.

Indice delle righe

È possibile aggiungere un indice delle righe al widget Tabella interattiva per indicare il numero di righe sul lato sinistro. Il numero di righe è specifico per il contenuto attualmente visualizzato o renderizzato dal widget.

Righe per pagina

Qui è possibile regolare il numero di righe per pagina nel widget Tabella interattiva. Aumentando il numero di righe oltre una certa soglia, al widget verrà aggiunta la funzionalità di scorrimento verticale.

Trigger

È possibile configurare dei trigger affinché vengano eseguiti quando viene selezionata una riga all’interno del widget Tabella interattiva. Per aggiungere un trigger, fare clic sul pulsante + accanto all’etichetta Trigger nel menu delle proprietà del widget.

Gli trigger possono sfruttare le informazioni della riga selezionata impostando un "Record/Variabile collegata" e utilizzandola all’interno del corpo dello trigger.

Dimensione del carattere e dimensione del carattere per l’impaginazione

La dimensione del carattere dei dati visualizzati nella tabella e quella delle etichette dei numeri di pagina possono essere regolate nel menu delle proprietà del widget.

Formattazione condizionale

Nell’editor dell’app, la formattazione condizionale consente agli utenti di selezionare i campi della tabella come argomenti per le regole di formattazione nel widget della tabella interattiva

Le regole di formattazione condizionale mostrano l’opzione “Duplica” quando nell’elenco sono presenti meno di 20 regole.

Scopri di più sulla formattazione condizionale qui.

Approfondimenti

• Come utilizzare i record delle tabelle nell’editor delle app
• Visualizzazione di elenchi interattivi di record di tabella o output dei connettori nelle app

{{snippet.Hai trovato quello che cercavi?}}