如何设置react-data-grid的动态高度

Question

我已将 React-Data-Grid 集成到我的一个项目中。在那里，我想根据加载的行设置网格的动态高度。我该怎么做？

Answer 1

您可以围绕react-data-grid 创建一个包装器组件，您将在dynamic height其中考虑您拥有的任何参数进行计算。就我而言，我考虑了rowHeight& visibleRowCount。一旦计算完毕dynamic Height，您可以将其传递给React-data-gridusing minHeightprop.

例子：

<ReactDataGrid
minHeight={dynamicHeight}
...
/>

文档链接：https://adazzle.github.io/react-data-grid/docs/ReactDataGrid#minheight