如何调整 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