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

Question

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

Answer 1

这对我有用:

const dynamicHeight = Math.min(data.length * 6 + 10, 80) + 'vh'

return(
    <DataGrid style={{height = dynamicHeight}} />
)

• data.length 是行数
• 6vh 是我的行大小
• 10vh 是显示第一行所需的空间
• 80vh 是我的表格最大尺寸