AX - Data Table

Panoramica

AX - Tabella Dati è un componente di Experience Cloud che mostra i tuoi record Salesforce in una tabella interattiva nelle pagine dei siti Experience (ex Community Cloud).

Usalo per mostrare agli utenti del portale dataset filtrati con pieno controllo su colonne, ordinamento, ricerca e paginazione. Estrai i record da qualsiasi oggetto standard o personalizzato e consenti agli utenti esterni di visualizzare, cercare e interagire con i dati pertinenti al loro account o profilo.

Perfetto per i portali clienti che mostrano la cronologia ordini, per i portali partner che visualizzano la cronologia ordini, per i portali partner che mostrano record condivisi o per i siti self-service in cui gli utenti devono trovare e visualizzare i propri dati.

Avonni Data Table è un Componente Dati Reattivo

---

Per iniziare

Usa questo semplice tutorial per imparare le basi del componente Data Table e iniziare a creare i tuoi casi d'uso.

---

Tutorial

Crea un pulsante Esporta in nella Data Table

Configurazione della Data Table

Visualizzare i file Salesforce CMS in una Data Table

---

Collega la tua Data Table ai dati Salesforce

Origine dati

La sezione Origine dati è il punto in cui colleghi Avonni Data Table ai tuoi dati Salesforce. Hai due opzioni.

Tipo di origine dati	Descrizione	Caso d'uso
Origine dati manuale	Inserisci manualmente i dati nella tabella dati.	Ideale per dati non dinamici, test e demo.
Query	Crea una query per compilare automaticamente la tabella con i dati Salesforce.	Adatto per dataset dinamici, in tempo reale e di grandi dimensioni.
Raccolta CMS	Visualizza senza problemi le tue raccolte CMS all'interno delle Data Table per aggiornamenti dinamici dei contenuti.	Crea automaticamente elenchi di risorse o feed di notizie aggiornati.

In modalità Query, i dati vengono mostrati in batch di 25 record per mantenere prestazioni ottimali del sito.

Configurazione delle mappature dati

Dai vita alla tua tabella dati nella sezione Mappature dati definendo e personalizzando le sue colonne.

Condivisione del modello dati con Avonni Data Table

Aderenza alle regole di condivisione dei dati Salesforce:

• Rispetto delle impostazioni dell'organizzazione: I componenti Avonni sono pienamente conformi alle configurazioni esistenti di condivisione dei dati e alle impostazioni di accesso della tua organizzazione Salesforce.

• Politica di non interferenza: Questi componenti non modificano né influenzano in alcun modo le tue regole di condivisione dei dati preesistenti.

• Visibilità e accesso controllati: La possibilità di visualizzare e interagire con i record tramite i componenti Avonni è governata dalle impostazioni di condivisione definite dalla tua organizzazione e dai permessi utente

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 dato: Regola il tipo di visualizzazione del campo (ad es. testo, numero, data) per garantire una corretta rappresentazione dei dati.

• Linkify: Abilita il collegamento dei dati della cella ad altri record o URL per una navigazione rapida.

• Attributi della cella: Personalizza l'allineamento e le icone delle celle per creare una tabella più intuitiva e visivamente accattivante.

• Modificabile: Decidi se una colonna deve essere modificabile direttamente nella tabella.

• Filtrabile e ricercabile: Abilita il filtraggio e la ricerca per colonna per una gestione efficiente dei dati.

• Nascosto: Scegli di nascondere alcune colonne, utile per dati sensibili o meno rilevanti.

• Ordinabile: Consenti agli utenti di ordinare i dati in base alla colonna specificata.

• Nascondi azioni predefinite: Scegli di nascondere le azioni preimpostate per un aspetto più pulito.

• A capo del testo: Abilita il testo a capo per una migliore leggibilità nelle colonne strette.

• Imposta larghezza colonna: Specifica la larghezza di ciascuna colonna per ottenere un layout equilibrato e ordinato.

Aggiunta di azioni di riga

Ecco un tutorial interattivo guidato su come aggiungere azioni di 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 checkbox

• Abilita questa impostazione per nascondere le colonne checkbox, solitamente usate per la selezione delle righe in scenari multi-azione.

Mostra colonna numero di riga

• Attivala per visualizzare una colonna che numeri ciascuna riga, utile per un facile riferimento ai dati.

Configurazione intestazione

Titolo e sottotitolo

• Personalizza l'intestazione con un titolo e un sottotitolo per fornire contesto o informazioni riepilogative sui dati della tabella.

Nome e dimensione icona

• Valorizza l'intestazione con un'icona, selezionandone tipo e dimensione per un'enfasi visiva.

È unita

• Questa impostazione determina se l'intestazione è visivamente collegata al corpo della tabella, influenzando il design complessivo.

Azioni dell'intestazione

• Configura azioni (aggiungi, elimina o funzioni personalizzate) direttamente accessibili dall'intestazione della tabella.

Pulsanti 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 quando gli utenti premono il pulsante di azione dell'intestazione nella sezione 'On Click'. Per capire come funziona l'interazione 'Navigate', clicca qui per maggiori informazioni.

Tutorial

Create an Export To button on the Data Table

Attributi 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 consultati nelle tabelle più grandi.

In modalità Query, i dati vengono visualizzati in set di 25 record per mantenere prestazioni ottimali del sito. Pertanto, configurare la paginazione può essere vantaggioso.

Configurazione del motore di ricerca

• Segnaposto: Imposta un testo segnaposto per la casella di ricerca per guidare gli utenti su cosa possono cercare.

• Posizione: Scegli la posizione della casella di ricerca all'interno del layout della tabella per un'accessibilità ottimale.

• 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'.

Almeno una colonna deve essere impostata su "Ricercabile" per visualizzare la casella di ricerca.

Impostazioni

🎛️ Generale

Nome	Descrizione
Nascondi intestazione tabella	Attiva per nascondere l'intestazione della tabella
Nascondi colonna checkbox	Rimuovi la colonna usata per le caselle di selezione delle righe
Mostra colonna numero di riga	Mostra una colonna con il numero della riga
Offset numero riga	Imposta il numero iniziale per la numerazione delle righe
Selezione massima righe	Limita il numero massimo di righe selezionabili
Nascondi barra inferiore	Nascondi la barra inferiore, solitamente usata per le azioni e la visualizzazione delle informazioni
Mostra numero di elementi selezionati	Mostra 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 il testo a capo 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
Numero massimo di righe per il testo a capo	Definisci il numero massimo di righe per il testo a capo nelle celle
Ridimensionamento colonna 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 iniziale dell'ordinamento
Mostra ordinato per valore	Mostra quale colonna viene attualmente usata per l'ordinamento
Titolo/sottotitolo intestazione	Imposta un titolo e un sottotitolo per l'intestazione della tabella
Nome/dimensione icona intestazione	Aggiungi un'icona all'intestazione con dimensione personalizzabile
L'intestazione è unita	Scegli di collegare visivamente l'intestazione al corpo della tabella
Nascondi/disabilita azioni intestazione	Controlla visibilità e interattività delle azioni dell'intestazione
Pulsanti azione visibili nell'intestazione	Specifica quali pulsanti di azione sono visibili nell'intestazione
Azioni dell'intestazione	Aggiungi azioni personalizzate all'intestazione della tabella

⏩️ Paginazione e ricerca

🗄️ Filtraggio e origine dati

🎨 Stile

Esempi di casi d'uso

Esempio 1: elenco Account migliorato e contatti correlati

Offri ai tuoi partner un modo potente e intuitivo per esplorare i dati degli account, con ricerca inline, filtraggio e un pannello contatti in tempo reale che si aggiorna durante la navigazione.

---

Cosa otterrai

• Elenco account ricercabile e filtrabile: Consenti ai partner di trovare rapidamente gli account per nome o settore usando i controlli di ricerca e filtro integrati.

• Record collegati in linea: Rendi i nomi degli account cliccabili in modo che i partner possano passare direttamente alle pagine di dettaglio del record.

• Pannello contatti correlati in tempo reale: Visualizza una seconda tabella che si aggiorna automaticamente per mostrare i contatti associati all'account selezionato.

• Risultati paginati: Mantieni l'interfaccia pulita e performante limitando i record visibili per pagina.

---

Prima di iniziare

• Layout pagina a due colonne: Assicurati che la pagina Elenco Account in Experience Builder abbia già un layout a due colonne pronto a ricevere entrambi i componenti.

---

Come configurarlo

1

Aggiungi la prima AX - Datatable alla tua pagina

• Trascina un componente AX - Datatable nella colonna sinistra della pagina Elenco Account in Experience Builder.

2

Scegli un'origine dati

• Seleziona Query Accounts come origine dati per questo componente.

3

Imposta le mappature dati

• Aggiungi le seguenti colonne: Name, Industry, Owner.FullName e Phone.

• Abilita Linkify nella colonna Name in modo che i nomi degli account diventino link cliccabili.

• Imposta Industry come campo filtro.

• Imposta Nome come campo di ricerca.

4

Configura il componente

• Imposta il Nome API su AccountsTable.

• Imposta Selezione massima righe su 1 in modo che possa essere selezionato un solo account alla volta.

• Abilita la paginazione e imposta il Numero massimo di record su 10.

5

Personalizza l'intestazione

• Imposta il Titolo intestazione su Account.

• Imposta il Icona intestazione su standard:account_info.

6

Aggiungi la seconda AX - Datatable alla tua pagina

• Trascina un secondo componente AX - Datatable nella colonna destra della stessa pagina.

7

Scegli un'origine dati per la tabella contatti

• Seleziona Query Contacts come origine dati.

• Aggiungi un filtro in modo che AccountId sia uguale a {{AccountsTable.selectedRecord.Id}}, collegando i risultati di questa tabella all'account attualmente selezionato.

8

Imposta le mappature dati

• Aggiungi le seguenti colonne: Name e Title.

9

Configura il componente

• Imposta il Nome API su relatedContactsTable.

10

Personalizza l'intestazione

• Imposta il Titolo intestazione su Contatti correlati.

• Imposta il Icona intestazione su standard:contact.

11

Anteprima della pagina

• Fai clic su Anteprima in Experience Builder, seleziona una riga dell'account e conferma che la tabella Contatti correlati si aggiorni dinamicamente per riflettere il record selezionato.

---

Link

Tabelle dati collegate

---

Esempio 2: Opportunità correlate in una pagina Account

Offri agli utenti commerciali una vista d'insieme di ogni opportunità collegata a un account, proprio dove serve, senza mai lasciare la pagina del record.

---

Cosa otterrai

• Vista customer 360 più ricca: Mostra i dati chiave delle opportunità direttamente nella pagina Account, così gli utenti commerciali hanno una visione completa in un unico posto.

• Pagine record completamente strutturate: Crea pagine dense e ricche di informazioni che eliminano la necessità di passare tra schede o oggetti per gestire una pipeline.

---

Prima di iniziare

• Pagina record Account con componenti esistenti: Assicurati che la pagina record Account in Experience Builder includa già i dettagli del record, un banner e un layout a colonne pronto ad ospitare il nuovo componente.

---

Come configurarlo

1

Aggiungi AX - Datatable alla tua pagina Account

• Trascina un componente AX - Datatable nella pagina record Account in Experience Builder.

2

Scegli un'origine dati

• Seleziona Query Opportunities come origine dati per questo componente.

3

Imposta le mappature dati

• Aggiungi le seguenti colonne: Name, Stage e Amount.

• Abilita Linkify nella colonna Name in modo che i nomi delle opportunità diventino link cliccabili.

4

Configura il componente

• Imposta il Nome API su RelatedOpportunities.

• Aggiungi un filtro in modo che AccountId sia uguale a {!Item.id}, limitando i risultati all'account attualmente visualizzato.

5

Personalizza l'intestazione

• Imposta il Titolo intestazione su Opportunità.

• Imposta il Stile intestazione su Titolo 2.

• Imposta il Icona intestazione su standard:opportunity.

6

Anteprima della pagina

• Fai clic su Anteprima in Experience Builder e vai a un record Account per confermare che nella tabella compaiano solo le opportunità correlate a quell'account.