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:
BFLOWS
2026-04-18 19:34:03 +02:00
parent 6f83574714
commit 49b7acf987

View File

@@ -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>