Comment ajuster la hauteur de DataTable PrimeReact

Question

Je ne peux pas étirer la table sur toute la hauteur du bloc même avec un seul enregistrement

J'utilise PrimeReact dans mon application et voici mon code :

<DataTable
                value={dataArr}
                headerColumnGroup={headerGroup}
                paginator
                rows={1}
                rowsPerPageOptions={[10, 25, 50]}
                rowHover
                responsiveLayout="scroll"
                showGridlines
                stripedRows
                resizableColumns
                
            >
....
            </DataTable>

Answer 1

Parce que vous utilisez responsiveLayout="scroll"，您想要设置 scrollHeight="200px" ou quelle que soit la hauteur que vous souhaitez.

Exemple : https://codesandbox.io /s/boring-star-jvzoei?file=/src/demo/DataTablePaginatorDemo.js