DataTable PrimeReact의 높이를 조정하는 방법

Question

레코드 한 장으로도 테이블을 블록 전체 높이로 늘릴 수 없습니다

내 앱에서 PrimeReact를 사용하고 있는데 내 코드는 다음과 같습니다.

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

Answer 1

responsiveLayout="scroll"，您想要设置 scrollHeight="200px" 또는 원하는 높이를 사용하고 있기 때문입니다.

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