style(istruttoriaPratica): DataTable fatture width 100% come ULA
La sezione 'Verifica fatture' appariva piu stretta di 'Verifica dipendenti ULA'
in istruttoria. La tabella ULA era wrappata in <div style={width:100%}> mentre
quella fatture no: il componente DataTable di PrimeReact non eredita
sempre la width del parent appPageSection quando e figlio diretto di una
IIFE senza container intermedio.
Fix:
- aggiunto style={{ width: '100%' }} alla prop top-level della DataTable fatture
(si applica al wrapper .p-datatable, non solo al <table> interno)
- aggiunto wrapper <div style={{ width: '100%' }}> attorno alla DataTable
fatture, coerente con la struttura gia usata dalla sezione ULA
Nessuna modifica al contenuto o alle colonne.
Segnalazione Carlo.
This commit is contained in:
@@ -622,6 +622,7 @@ const IstruttoriaPratica = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<div style={{ width: '100%' }}>
|
||||||
<DataTable
|
<DataTable
|
||||||
value={sortedInvoices}
|
value={sortedInvoices}
|
||||||
dataKey="id"
|
dataKey="id"
|
||||||
@@ -631,6 +632,7 @@ const IstruttoriaPratica = () => {
|
|||||||
sortMode="single"
|
sortMode="single"
|
||||||
sortField="category_code"
|
sortField="category_code"
|
||||||
sortOrder={1}
|
sortOrder={1}
|
||||||
|
style={{ width: '100%' }}
|
||||||
tableStyle={{ minWidth: '1100px', width: '100%' }}
|
tableStyle={{ minWidth: '1100px', width: '100%' }}
|
||||||
expandedRows={expandedInv}
|
expandedRows={expandedInv}
|
||||||
onRowToggle={(e) => setExpandedInv(e.data)}
|
onRowToggle={(e) => setExpandedInv(e.data)}
|
||||||
@@ -773,6 +775,7 @@ const IstruttoriaPratica = () => {
|
|||||||
</div>
|
</div>
|
||||||
)} />
|
)} />
|
||||||
</DataTable>
|
</DataTable>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
})()}
|
})()}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user