ReactDataGrid不能正确显示行

Question

我使用的是react-data-grid版本^4.0.9，行数据没有为我出现，即使它看起来预期的数据是在网格中。

在我的组件定义之外，我定义了:

const colsTest = [{key: "test1", name: "Test 1", filterable: true}, {key: "test2", name: "Test 2", filterable: true}, {key: "test3", name: "Test 3", filterable: true}];
const rowsTest = [{test1: "Test", test2: "Test", test3: "Test"}];

，然后在组件的渲染函数中，我返回:

<ReactDataGrid 
columns={colsTest}
rowGetter={i => rowsTest[i]}
rowCount={rowsTest.length}
minHeight={750}
/>

我附上了一个屏幕截图来验证Chrome的检查显示数据网格包含预期的数据，另一个屏幕截图显示渲染的内容。

你知道为什么会这样吗?

显然，为了共享目的，我使用了虚拟数据，但是对于实际数据，输出是相同的。

Answer 1

对于有同样问题的人，请确保每个外部div的样式高度设置为100%。