AX - Tabella Dati
Panoramica
AX - Tabella dati è un componente di Experience Cloud che mostra i tuoi record Salesforce in una tabella interattiva nelle pagine di Experience Sites (precedentemente Community Cloud).
Usalo per mostrare agli utenti del portale set di dati filtrati con pieno controllo sulle colonne, l'ordinamento, la ricerca e la paginazione. Recupera record da qualsiasi oggetto standard o personalizzato e permetti agli utenti esterni di visualizzare, cercare e interagire con i dati rilevanti per il loro account o profilo.
Perfetto per portali clienti che mostrano la cronologia degli ordini, portali partner che visualizzano record condivisi o siti self-service in cui gli utenti devono trovare e visualizzare i propri dati.
La Avonni Data Table è un Componente Dati Reattivo
Tutorial
Collega la tua Data Table ai dati Salesforce
Fonte dati
La sezione Data Source è dove colleghi l'Avonni Data Table ai tuoi dati Salesforce. Hai due opzioni.
Origine dati manuale
Inserisci manualmente i dati nella tabella dati.
Ideale per dati non dinamici, test e demo.
Query
Crea una query per popolare automaticamente la tabella con i dati Salesforce.
Adatta per set di dati dinamici, in tempo reale e di grandi dimensioni.
Raccolta CMS
Mostra senza soluzione di continuità le tue Collezioni CMS all'interno delle Data Table per aggiornamenti dinamici dei contenuti.
Crea elenchi di risorse o feed di notizie che si aggiornano automaticamente.

In modalità Query, i dati vengono mostrati in blocchi di 25 record per mantenere prestazioni ottimali del sito.
Configurazione delle mappature dei dati
Dai vita alla tua tabella dati nella sezione Data Mappings definendo e personalizzando le sue colonne.
Condivisione del modello di dati con Avonni Data Table
Aderenza alle regole di condivisione dei dati di Salesforce:
Rispetto delle impostazioni dell'organizzazione: I componenti Avonni rispettano pienamente le configurazioni di condivisione dei dati esistenti e le impostazioni di accesso della tua organizzazione Salesforce.
Politica di non interferenza: Questi componenti non modificano né influenzano in alcun modo le regole di condivisione dei dati preesistenti.
Visibilità e accesso controllati: La possibilità di visualizzare e interagire con i record tramite i componenti Avonni è regolata dalle impostazioni di condivisione e dai permessi utente definiti dalla tua organizzazione
Aggiunta di colonne
Fai clic sul pulsante 'Aggiungi colonne' per selezionare i campi dalla tua origine dati da visualizzare come colonne nella tabella dati.

Questa sezione determina quali dati sono visibili e come sono organizzati nella tua tabella.
Fai clic su una colonna per accedere a tutte le proprietà di quella colonna specifica.

Configurazione delle proprietà delle colonne
Tipo di dati: Regola il tipo di visualizzazione del campo (es. testo, numero, data) per garantire la corretta rappresentazione dei dati.
Trasformare in link: Abilita il collegamento dei dati della cella ad altri record o URL per una navigazione rapida.
Attributi della cella: Personalizza l'allineamento delle celle e le icone per una tabella più intuitiva e visivamente gradevole.
Modificabile: Decidi se una colonna debba essere modificabile direttamente all'interno della tabella.
Filtrabile e ricercabile: Abilita le capacità di filtro e ricerca a livello di singola colonna per una gestione efficiente dei dati.
Nascosto: Scegli di nascondere alcune colonne, utile per dati sensibili o meno rilevanti.
Ordinabile: Permetti agli utenti di ordinare i dati in base alla colonna specificata.
Nascondi azioni predefinite: Scegli di nascondere azioni preimpostate per un aspetto più pulito.
A capo del testo: Abilita l'andata a capo del testo per una migliore leggibilità in colonne strette.
Imposta larghezza colonna: Specifica la larghezza di ciascuna colonna per un layout equilibrato e organizzato.
Aggiunta di azioni per riga
Ecco un tutorial interattivo guidato sull'aggiunta di azioni per riga alla Data Table.
Altre impostazioni di configurazione
Impostazioni di base
Nascondi intestazione tabella
Questa opzione ti consente di rimuovere l'intestazione della tabella per un aspetto più pulito e minimalista.

Nascondi colonne con caselle di controllo
Abilita questa impostazione per nascondere le colonne delle caselle di controllo, tipicamente usate per la selezione delle righe in scenari con azioni multiple.

Mostra colonna numero riga
Attiva questa opzione per visualizzare una colonna che enumera ogni riga, utile per un facile riferimento dei dati.
Configurazione dell'intestazione
Titolo e didascalia
Personalizza l'intestazione con un titolo e una didascalia per fornire contesto o informazioni riassuntive sui dati della tabella.
Nome e dimensione dell'icona
Migliora l'intestazione con un'icona, selezionandone il tipo e la dimensione per enfasi visiva.
È unito
Questa impostazione determina se l'intestazione si collega visivamente al corpo della tabella, influenzando il design complessivo.
Azioni nell'intestazione
Configura azioni (aggiungi, elimina o funzioni personalizzate) accessibili direttamente dall'intestazione della tabella.

Pulsanti di azione nell'intestazione
Implementa pulsanti di azione nell'intestazione della tabella per aggiungere nuovi record, esportare dati o altre azioni personalizzate, migliorando l'interazione e l'efficienza dell'utente.

Configura l'interazione sul pulsante
Configura l'interazione per quando gli utenti premono il pulsante di azione nell'intestazione nella sezione 'Al clic'. Per capire come funziona l'interazione 'Naviga', clicca qui per maggiori informazioni.

Tutorial
Create an Export To button on the Data TableAttributi di paginazione
Configura le impostazioni di paginazione, come il numero di elementi per pagina e lo stile di paginazione, per gestire come i dati vengono visualizzati e navigati in tabelle più grandi.
In modalità Query, i dati vengono visualizzati in set di 25 record per mantenere ottimali le prestazioni del sito. Pertanto, configurare la paginazione può essere utile.

Configurazione del motore di ricerca
Segnaposto: Imposta un testo segnaposto per la casella di ricerca, indicando agli utenti cosa possono cercare.
Posizione: Scegli la posizione della casella di ricerca all'interno del layout della tabella per una migliore accessibilità.
Valore di ricerca predefinito: Predefinisci un valore di ricerca per filtrare i dati della tabella al caricamento.
Per visualizzare la casella di ricerca, almeno una colonna deve essere contrassegnata come 'Ricercabile'.


Impostazioni
Nascondi intestazione tabella
Attiva per nascondere l'intestazione della tabella
Nascondi colonna casella di controllo
Rimuovi la colonna usata per le caselle di selezione delle righe
Mostra colonna numero riga
Visualizza una colonna che mostra il numero di riga
Offset numero riga
Imposta il numero di partenza per la numerazione delle righe
Selezione massima righe
Limita il numero massimo di righe che possono essere selezionate
Sopprimi barra inferiore
Nascondi la barra inferiore tipicamente usata per azioni e visualizzazione di informazioni
Mostra numero di elementi selezionati
Visualizza il conteggio degli elementi attualmente selezionati
Sola lettura
Rendi la tabella non interattiva, impedendo modifiche o selezioni
Consenti modifica su tutte le colonne
Abilita la modifica per tutte le colonne
Consenti filtro su tutte le colonne
Abilita le opzioni di filtro per tutte le colonne
Consenti a capo su tutte le colonne
Consenti l'andata a capo del testo in tutte le colonne
Nascondi azioni predefinite
Nascondi azioni predefinite come modifica o eliminazione
Modalità larghezze colonne
Scegli tra 'fixed' o 'auto' per l'impostazione della larghezza delle colonne
Larghezza massima/minima colonna
Imposta limiti massimi e minimi per le larghezze delle colonne
Andata a capo testo - righe massimo
Definisci il numero massimo di righe per l'andata a capo del testo nelle celle
Ridimensionamento colonne disabilitato
Disabilita la possibilità di ridimensionare le colonne
Passo di ridimensionamento
Imposta l'incremento per il ridimensionamento delle colonne
Direzione ordinamento/ordinamento predefinito
Scegli 'asc' o 'desc' per la direzione di ordinamento iniziale
Mostra ordinato per valore
Visualizza quale colonna è attualmente usata per l'ordinamento
Titolo/Didascalia dell’header
Imposta un titolo e una didascalia per l'intestazione della tabella
Nome/dimensione icona intestazione
Aggiungi un'icona all'intestazione con dimensione personalizzabile
Intestazione unita
Scegli di collegare visivamente l'intestazione con il corpo della tabella
Nascondi/disabilita azioni intestazione
Controlla la visibilità e l'interattività delle azioni dell'intestazione
Pulsanti azioni intestazione visibili
Specifica quali pulsanti di azione sono visibili nell'intestazione
Azioni nell'intestazione
Aggiungi azioni personalizzate all'intestazione della tabella
Attributi di paginazione
Mostra paginazione
Attiva/disattiva la visualizzazione dei controlli di paginazione
Numero di elementi per pagina
Imposta quanti elementi mostrare per pagina
Opzioni contenitore pill
Mostra un contenitore per gli elementi selezionati, spesso usato con la selezione delle righe.
Opzioni motore di ricerca
Segnaposto
Imposta il testo segnaposto per il campo di ricerca
Posizione
Definisci la posizione della barra di ricerca
Valore di ricerca predefinito
Precompila la barra di ricerca con un valore predefinito
Opzioni di filtro
Configura il filtraggio per essere visualizzato come popover per ogni colonna.
Fonte dati
Seleziona tra 'manual' e 'query' per popolare i dati della tabella.
Colonne
Definisci e aggiungi colonne alla tabella dati, personalizzando le proprietà e il comportamento di ciascuna colonna.
Intestazione
Colore di sfondo
Imposta il colore dello sfondo dell'intestazione.
Colore bordo
Definisce il colore del bordo dell'intestazione.
Dimensione bordo
Regola lo spessore del bordo.
Stile bordo
Seleziona lo stile (solido, punteggiato, tratteggiato, ecc.) del bordo.
Raggio bordo
Arrotonda gli angoli dell'intestazione.
Colore bordo inferiore (È unito)
Specifica il colore del bordo inferiore quando l'intestazione è visivamente unita al corpo della tabella.
Dimensione bordo inferiore (È unito)
Determina lo spessore del bordo inferiore unito.
Stile bordo inferiore (È unito)
Imposta lo stile per il bordo inferiore unito.
Padding e margin
Controlla gli spazi interni (padding) e esterni (margin) dell'intestazione.
Titolo intestazione
Colore
Imposta il colore del testo del titolo.
Dimensione carattere
Regola la dimensione del testo del titolo.
Spessore carattere
Modifica il peso (grassetto) del testo del titolo.
Stile del Carattere
Applica uno stile specifico (corsivo, normale) al testo del titolo.
Didascalia intestazione
Colore
Definisce il colore del testo della didascalia.
Dimensione carattere
Regola la dimensione del testo della didascalia.
Spessore carattere
Controlla lo spessore del testo della didascalia.
Stile del Carattere
Imposta lo stile del testo della didascalia.
Icona intestazione
Colore di sfondo
Imposta il colore di sfondo dell'icona.
Colore primo piano
Cambia il colore dell'icona stessa.
Utility colore primo piano
Regola il colore di utilità per contrasto o enfasi.
Raggio bordo
Arrotonda gli angoli dell'icona per un aspetto più morbido.
Contenitore pill
Colore sfondo pill/hover
Imposta il colore di sfondo degli elementi pill, con un colore diverso al passaggio del mouse.
Colore testo pill/hover
Modifica il colore del testo all'interno della pill, con un colore diverso al passaggio del mouse.
Altezza linea pill
Regola l'altezza della linea all'interno della pill per l'allineamento del testo.
Avatar
Adattamento immagine avatar
Determina come l'immagine dell'avatar dovrebbe adattarsi all'interno del suo contenitore. Le opzioni includono 'fill', 'contain', 'cover', 'none' e 'scale-down'.
Pulsanti di paginazione
Impostazioni di stile
Personalizza l'aspetto dei pulsanti di paginazione, inclusi colore, dimensione e proprietà del bordo.
Footer
Colore di sfondo
Imposta il colore dello sfondo del footer.
Colore bordo
Definisce il colore del bordo del footer.
Dimensione bordo
Regola lo spessore del bordo.
Stile bordo
Seleziona lo stile del bordo.
Raggio bordo
Arrotonda gli angoli del footer.
Ultimo aggiornamento
È stato utile?
