So passen Sie die Höhe von DataTable PrimeReact an

Question

Ich kann den Tisch nicht einmal mit einer Platte auf die volle Höhe des Blocks ausdehnen

Ich verwende PrimeReact in meiner App und das ist mein Code:

<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