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