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

Question

我已经将react-data-grid集成到了我的一个项目中。在那边，我想根据加载的行设置网格的动态高度。我该怎么办？

Answer 1

您可以在react-data-grid周围创建一个包装器组件，在其中将考虑到您拥有的任何参数来计算dynamic height。就我而言，我考虑了rowHeight和visibleRowCount。一旦计算出dynamic Height，就可以使用React-data-grid属性将其传递给minHeight。

示例：

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

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