Le tabelle sono parte integrante dei documenti di 4D View Pro, per cui abbiamo fornito molte funzioni relative alle tabelle nel corso delle versioni di 4D. 4D v19 R8 ne aggiunge una nuova relativa agli stili, in modo che la tabella si adatti perfettamente al resto del documento.
D’ora in poi, il sito VP Set table theme offre la possibilità di applicare, tramite programmazione, uno degli stili di tabella predefiniti. Se nessuno di questi stili soddisfa le vostre esigenze, potete definire il vostro tema e applicarlo alla vostra tabella.
SpreadJS dispone di oltre 60 temi predefiniti:
- da “dark1” a “dark11”
- da “light1” a “light21”
- da “medium1” a “medium28”
- da “professional1” a “professional24”
Per creare una tabella con uno di questi temi, è possibile indicarlo nel comando VP CREATE TABLE:
$parametro:=Nuovo oggetto
$parametro.tema:="scuro10"
VP CREATE TABLE(VP Cells("ViewProArea"; 2; 1; 3; 1); "myTable"; "people"; $parametro)
Allo stesso modo, è possibile modificare il tema di una tabella esistente con VP SET TABLE THEME:
$parametro:=cs.ViewPro.TableThemeOptions
$parametro.tema:="medium2"
VP SET TABLE THEME("ViewProArea"; "myTable"; $parametro)
È possibile recuperare e testare i temi scuro, chiaro e medio utilizzando la barra multifunzione:
Creare un tema personalizzato
Se nessuno dei temi definiti soddisfa le vostre esigenze, potete creare voi stessi il vostro tema. È possibile definire uno stile per le colonne, le righe, l’intestazione e il piè di pagina.
Ad esempio, se si desidera avere questo rendering a bande delle colonne:
È necessario
- Attivare il rendering delle colonne a bande:
$param:=cs.ViewPro.TableThemeOptions
$param.bandColumns:=True
$param.bandRows:=False
- Creare lo stile dell’intestazione:
$styleHeader:=cs.ViewPro.TableStyle.new()
$styleHeader.backColor:="rgb(255,228,92)"
$styleHeader.foreColor:="rgb(3,4,94)"
$param.theme:=cs.ViewPro.TableTheme.new()
$param.theme.headerRowStyle:=$styleHeader
- Creare lo stile delle colonne alternative:
$styleColumn1:=cs.ViewPro.TableStyle.new()
$styleColumn1.backColor:="#0077B6"
$styleColumn1.foreColor:="#03045E"
$param.theme.firstColumnStripStyle:=$styleColumn1
$styleColumn2:=cs.ViewPro.TableStyle.new()
$styleColumn2.backColor:="#CAF0F8"
$styleColumn2.foreColor:="#03045E"
$param.theme.secondColumnStripStyle:=$styleColumn2
Applicare il nuovo tema grazie a VP SET TABLE NAME:
VP SET TABLE THEME("ViewProArea"; "myTable"; $param)
E il gioco è fatto!
Date un’occhiata a questa funzione con l’HDI qui sopra e alla documentazione per maggiori dettagli!