How to adjust the height of DataTable PrimeReact
P粉323050780
P粉323050780 2024-03-28 22:55:43
0
1
426

I cannot stretch the table to the full height of the block even with one record

I'm using PrimeReact in my app and this is my code:

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

P粉323050780
P粉323050780

reply all(1)
P粉501007768

Because you are using responsiveLayout="scroll", you want to set scrollHeight="200px" or whatever height you want.

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template