layout

options.layout controlla la presentazione visiva della tabella pivot: barra del titolo, densità delle righe, posizione dei totali generali, drill-through e l'asse su cui stanno le misure. Nessuna di queste opzioni cambia i numeri — solo il modo in cui vengono mostrati.

Concetto

Una pivot ha due assi (righe e colonne) costruiti dalle dimensioni, e un insieme di misure che riempiono le celle. layout decide:

• quanto è alta ogni riga (density),
• se e dove appaiono i totali generali (totalsRowsPosition, totalsColumnsPosition),
• se le misure si distribuiscono sulle colonne o si impilano sulle righe (measuresAxis),
• e dettagli estetici come la barra del titolo e le righe a zebra.

Tutti gli esempi usano il dataset Vendite 2025 (Region, Category, Product sulle righe; Quarter sulle colonne; Sales (€) sommato).

Riferimento rapido

Chiave	Tipo	Valori / Default	Significato
showTitle	boolean	true	Mostra la barra del titolo.
title	string	""	Testo del titolo.
notes	string	""	Testo della nota a piè di tabella.
density	string	Compact | Standard | Comfortable	Altezza riga.
alternateRows	boolean	false	Righe a zebra.
enableDrillThrough	boolean	true	Abilita il drill-through sulle celle.
drillThroughStickyColumns	intero ≥ 0	2	Colonne bloccate a sinistra nel drill-through.
totalsRowsPosition	string	before | after | none	Posizione delle righe totali.
totalsRowsSticky	boolean	false	Fissa le righe totali allo scroll.
totalsColumnsPosition	string	before | after | none	Posizione delle colonne totali.
totalsColumnsSticky	boolean	false	Fissa le colonne totali allo scroll.
measuresAxis	string	rows | columns	Asse su cui stanno le misure.

Ricette

Densità Comfortable

Aumenta l'altezza delle righe per leggere più facilmente tabelle dense.

density: Comfortable aggiunge spazio verticale a ogni riga.

const options = {
  layout: { density: "Comfortable" },
};

Spostare i totali in fondo

Per impostazione predefinita la riga del totale generale sta prima dei dati. Imposta totalsRowsPosition su after per spostarla in fondo, o none per nasconderla.

totalsRowsPosition: after mette la riga del totale sotto i dati.

const options = {
  layout: { totalsRowsPosition: "after" },
};

Righe a zebra

Alterna lo sfondo delle righe per leggere meglio le tabelle larghe.

alternateRows: true ombreggia una riga sì e una no.

const options = {
  layout: { alternateRows: true },
};

Distribuire le misure sulle colonne

measuresAxis decide se le misure si impilano sull'asse riga o si distribuiscono sull'asse colonna. Con due misure sull'asse colonna, ogni Quarter mostra il suo Sales (€) e Quantity affiancati.

measuresAxis: columns mette ogni misura come sotto-colonna di ciascun gruppo di colonne.

const options = {
  layout: { measuresAxis: "columns" },
};

suggerimento

Lo pseudo-campo riservato Measures viene messo sull'asse scelto, quindi measuresAxis interagisce con data.dimensions. Vedi data.measures.

Vedi anche

• toolbar
• data.measures
• format