PrimeReact DataTable高度问题

Question

我在primeReact中使用了primeReact，为了呈现一些数据，我想让它显示到窗口的全尺寸。表大小仅与数据大小匹配。这是我的密码。

                <div style={{ padding: '0rem 1rem 1rem 1rem' }}>
                    <DataTable value={attributes} 
                        showGridlines
                        stripedRows
                        resizableColumns 
                        columnResizeMode="fit"
                        paginator
                        rows={12}>
                        <Column field="name" header="Name"></Column>
                        <Column field="displayName" header="Display Name"></Column>
                        <Column field="headerName" header="Header Name"></Column>
                        <Column field="editable" header="Editable" body={editableBodyTemplate}></Column>
                        <Column field="isDefault" header="Is Default" body={isDefaultBodyTemplate}></Column>
                    </DataTable>
                </div>

​

​

Answer 1

应该向style={{minHeight: '95vh'}}元素添加一个DataTable属性:)