Siamo in fase iniziale — contattaci!
Demo Scroll-Jacking

La Tabella Entità

Un componente tabella — ogni funzionalità di un backoffice, zero configurazione per pagina

↓ Scorri per controllare l'animazione
La Tabella Entità
Ogni funzione.
Un componente.
Ricerca, filtri, ordinamento, selezione, paginazione, anteprima, azioni bulk, modalità vista — tutto da un'unica tabella metadata-driven.
La Tabella
Una tabella,
metadata-driven.
Colonne, tipi e ordine provengono dall'endpoint meta dell'entità. Posiziona il componente in qualsiasi pagina — si renderizza da solo.
Paginazione
Paging server-side,
integrato.
Naviga grandi dataset senza caricare tutto. Dimensione pagina, record totali e navigazione — tutto gestito dal server.
Esempio MetadataJSON
1{
2 "entity": "customers",
3 "columns": [
4 {
5 "key": "name",
6 "label": "Name",
7 "type": "text",
8 "sticky": true
9 },
10 {
11 "key": "status",
12 "label": "Status",
13 "type": "badge",
14 "options": ["Active", "Lead", …]
15 },
16 … 3 more columns
17 ]
18}
Ricerca & Filtri
Trova qualsiasi cosa,
filtra tutto.
Ricerca globale con scoping per campo, filtri standard e un builder avanzato con operatori type-aware.
Gestione Colonne
Le tue colonne,
le tue regole.
Riordina, nascondi e fissa colonne. Fusi orari IANA per record. Tutto persistito per utente.
Selezione & Cross-page
Seleziona tra le pagine.
Niente perso.
Le selezioni sopravvivono alla paginazione server. Visualizza solo i selezionati con paging client-side. Scroll orizzontale preservato tra i reload.
Ordinamento & Azioni Riga
Ordina in tre stati.
Agisci su ogni riga.
Asc, desc, nullo — un ciclo a tre stati. Azioni per riga appaiono on hover: modifica, anteprima, duplica, elimina e custom.
Modalità Vista & Cancellazione
Vedi a modo tuo.
Anche i cancellati.
Tabella, griglia card o lista card. Attiva/disattiva attivi, cancellati o tutti — righe soft-deleted mostrate con chrome rosso.
Operazioni Bulk & Anteprima
Agisci su centinaia.
Ispeziona uno qualsiasi.
Eliminazione, ripristino, duplicazione ed export bulk. Pannello anteprima slide-out con navigazione prev/next.
Una tabella.
Ogni funzione.
Zero config.
Intro
🔒https://backoffice.acme.org/customers
AC
JD
Europe/Rome
Sistema / Impostazioni / Clienti
Emailfinisce con.com
Nome Email Stato
Onboarded Il
Creato
Acme Corpinfo@acme.comAttivo16 May 2026, 19:0015 Mar 2024
Globex Inchello@globex.comAttivo16 May 2026, 19:0002 Apr 2024
Initechcontact@initech.comLead16 May 2026, 19:0010 May 2024
Umbrella Coadmin@umbrella.comInattivo20 Jun 2024
Stark Industriestony@stark.comAttivo01 Jul 2024
1-8 / 247
Dimensione pagina
1 / 31
System / Settings / Customers
NomeEmailStatoCreato
Acme Corpinfo@acme.comAttivo15 Mar 2024
Globex Inchello@globex.comAttivo02 Apr 2024
Initechcontact@initech.comLead10 May 2024
Umbrella Coadmin@umbrella.comInattivo20 Jun 2024
1-25 / 247
Dimensione pagina
1 / 10
Cerca In
All fields
Codice
Nome
Cognome
Azienda
Email
Telefono
UUID
Motivo stato
Indirizzo
Città
Stato/Regione
Paese
CAP
Emailfinisce con.com
Filtri Avanzati
Standard
Avanzato
Tutti i criteri
Qualsiasi criterio
Emailfinisce con.com
Onboarded At
16 May 2026, 19:00
16 May 2026, 19:00
16 May 2026, 19:00
Colonne
Campi fissi
Nome
Campi dati
Codice
Email
Stato
Telefono
Campi audit
Creato Il
Creato Da
Nome
Acme Corp
Globex Inc
Initech
Umbrella Co
Stark Industries
Edit
Duplica
Version history
Anteprima
Elimina
NomeStatoEliminato Il
Acme OldEliminato01 Jun 2024
Beta CorpEliminato2024-07-15
Anteprima
1 / 124
Campi fissi
AziendaAcme Corp
CodiceACM-001
Campi dati
NomeJohn
CognomeDoe
Emailinfo@acme.com
Telefono+1 555-0100
StatoAttivo
Campi audit
Aggiornato il16 May 2026, 19:00
Versione42
Renderizzazione metadata-driven
Colonne, tipi e ordine provengono dalla definizione dell'entità. Posiziona la tabella in qualsiasi pagina — si costruisce da sola.
Paginazione server-side
Naviga grandi dataset senza caricare tutto. Il server gestisce il paging — il tuo browser vede solo la pagina corrente.
Record totali
Mostra sempre quali righe stai visualizzando e quante esistono in totale. Si aggiorna istantaneamente mentre pagini o filtri.
Righe per pagina
Scegli quante righe mostrare a schermo. La tua preferenza è ricordata per ogni entità.
Pannello Cerca In
Apri il pannello laterale destro per restringere la ricerca a colonne specifiche. Tutti i campi di testo sono inclusi di default. La tua selezione è ricordata per entità.
Toolbar Filtri & Azioni Bulk
Una seconda toolbar sotto quella principale. Attiva azioni bulk, cancella tutti i filtri o rivedi i badge dei filtri attivi — tutto in una riga.
Cancella tutti i filtri
Rimuovi ogni filtro attivo con un solo clic.
Badge filtri attivi
Ogni badge mostra un campo, operatore e valore. Clicca la × su qualsiasi badge per rimuovere istantaneamente quel filtro.
Builder filtri avanzati
Un pannello laterale destro per costruire filtri complessi multi-condizione che vanno oltre i filtri standard.
Reset tutti i filtri
Cancella ogni filtro avanzato con un clic. Come Cancella tutto nella toolbar — resetta a nessun filtro applicato.
Criteri AND / OR
Attiva/disattiva se tutte le condizioni devono coincidere (AND) o se una qualsiasi può coincidere (OR).
Anteprima filtri
Ogni filtro attivo è mostrato come riga leggibile: campo, operatore e valore. Modifica o rimuovi un singolo filtro senza ricominciare.
Form filtro dinamico
Scegli un campo e il form si adatta automaticamente — gli operatori corrispondono al tipo di colonna e l'input del valore cambia in date picker, selettore badge o input di testo di conseguenza.
Filtri standard
Una lista semplice di tutti i campi filtrabili. Ogni campo di testo usa un operatore contains — digita qualsiasi sottostringa e la tabella filtra istantaneamente.
Operatore contains
Ogni campo di testo filtra con un match contains. Non serve scegliere un operatore — basta digitare e i risultati si aggiornano live.
Fuso orario browser
Tutti i valori datetime sono formattati usando il fuso orario del tuo browser (mostrato nella topbar). Lo stesso valore UTC si visualizza identico in tutte le righe.
Modalità record IANA
Attiva per vedere ogni valore nel suo fuso orario locale originale. I tempi differiscono per record. Un badge mostra il fuso orario IANA locale al momento dell'inserimento.
Selettore colonne
Mostra, nascondi e riordina colonne trascinandole nella loro sezione. L'ordine cambia in tempo reale. Il tuo layout è salvato.
Campi fissi
Le colonne fisse restano visibili durante lo scroll orizzontale. La colonna più a destra per le azioni riga è sempre fissa e non può essere nascosta o spostata.
Campi audit
I campi audit tracciano chi ha creato o modificato un record. Un'entità può essere auditable o no — dipende dalla definizione dell'entità nei metadata.
Colonne fisse
Nome (sinistra) e Azioni (destra) restano visibili durante lo scroll orizzontale. La colonna azioni più a destra è sempre fissa e non può essere nascosta o spostata.
Fissa a sinistra
La colonna Nome è marcata come fissa nel selettore colonne. Rimane bloccata sul bordo sinistro mentre le altre colonne scorrono sotto.
Fissa a destra
Le azioni riga sono sempre fisse sul bordo destro. Questa colonna non può essere nascosta o riordinata.
Selezione righe
Clicca le checkbox per selezionare righe. La selezione persiste attraverso la paginazione server-side — le righe selezionate restano selezionate anche quando pagini o ricarichi.
Seleziona tutto
La checkbox di intestazione seleziona o deseleziona tutte le righe della pagina corrente in una volta.
Contatore selezione
Il footer mostra quante righe sono selezionate. Usa l'interruttore a occhio per visualizzare solo le righe selezionate con paging client-side.
Ordinamento — ciclo a 3 stati
Clicca qualsiasi colonna per ciclare tra ascendente, discendente e nessun ordinamento. Un ordinamento default dai metadata è sempre applicato quando nessun ordinamento utente è attivo.
Nessun ordinamento utente
L'ordinamento default definito nei metadata dell'entità è sempre applicato. Le colonne mostrano un'icona freccia neutra finché non clicchi.
Ascendente
Il primo clic ordina in modo ascendente. La freccia punta verso l'alto e l'intestazione della colonna è evidenziata.
Discendente
Il secondo clic inverte in discendente. Un terzo clic cancella l'ordinamento utente e torna al default dei metadata.
Azioni riga
Modifica, duplica, cronologia versioni, anteprima, elimina e ripristina — più azioni custom definite nei metadata dell'entità. Ogni azione è sotto controllo RBAC. Le azioni admin-level richiedono autenticazione MFA step-up per azione prima di poter procedere.
Modalità vista
Passa tra tabella, griglia card o lista compatta. La tua preferenza è ricordata tra le sessioni.
Vista griglia card
Ogni riga diventa una card in una griglia responsive. Stessi metadata, ordinamento, filtri e selezione — solo un layout diverso.
Toolbar vista card
Tutte le funzioni tabella sono ancora disponibili qui — seleziona tutto, ordina per colonna e direzione — adattate per la modalità vista attiva. I toggle fuso orario IANA sono anche automaticamente rilevati e renderizzati per ogni colonna datetime che li dichiara.
Vista lista card
Card orizzontali impilate verticalmente, mostrano più campi per card. Ideale per scansionare record dettagliati senza scroll orizzontale.
Entità Soft Deleted
Attiva/disattiva tra attivi, cancellati e tutti i record. Le righe soft-deleted sono preservate con sfondo rosato e opacità ridotta, mai veramente rimosse finché non vengono purgate esplicitamente.
Solo record cancellati
Passando al filtro deleted si mostrano solo le entry soft-deleted. Ogni riga mostra sfondo rosato, opacità ridotta e badge Eliminato con timestamp di cancellazione.
Tutti i record
La vista tutti i record unisce entry attive e soft-deleted in un'unica lista. Le righe cancellate restano visivamente distinte con sfondo rosa, rendendole facili da identificare e ripristinare.
Modalità azioni bulk
La stessa toolbar passa alla modalità bulk quando le righe sono selezionate. Opera sui record selezionati — anche tra pagine diverse — o sull'intero dataset quando i permessi RBAC lo consentono. La toolbar torna automaticamente ai filtri quando i filtri sono applicati.
Toggle modalità
Clicca per passare tra filtri e azioni bulk. Quando le righe sono selezionate, la toolbar passa automaticamente alla modalità bulk. Quando i filtri sono applicati, passa ai filtri.
Formati export
Esporta righe selezionate o l'intero dataset in XLSX o CSV — file reali generati server-side, non fake client-side. L'export HTML supporta template custom con anteprima live, generazione PDF e output email-ready.
Duplica record
Crea una copia esatta del record selezionato — tutti i campi clonati server-side tramite una singola chiamata API. Funziona su una riga o molte alla volta.
Coming soon
Field-level control: choose which fields to copy, which to exclude, and which to manually set before duplicating.
Pannello anteprima
Un pannello ridimensionabile dentro l'area tabella. Ispeziona i dettagli completi di qualsiasi riga senza lasciare la lista. Naviga tra i record con prev/next — anche tra pagine. Attiva modalità modifica, accedi alle azioni riga o chiudi — tutto dall'header.