Reactjs React DataGrid：如何知道正在呈现哪些行？

React DataGrid支持虚拟化。这样，它仅根据高度显示可见的行数

在我的组件中，我想知道当前哪些行是可见的（一旦加载了网格并在每次滚动之后）。可能吗

---

谢谢。

根据react数据网格文档，我们可以访问以下道具

rowVisibleStartIdx

-要呈现到画布的第一个可见行的索引

rowVisibleEndIdx

-要呈现到画布的最后一个可见行的索引

使用可见的行开始和结束索引，可以断言当前在表画布onScroll上可见的行

向表提供onScroll处理程序

onScroll = ({ rowVisibleStartIdx, rowVisibleEndIdx }) => {
   console.log(rowVisibleStartIdx, rowVisibleEndIdx);
   // The visible indexes will be updated as your canvas view port changes.
   // use this to assert the currently visible rows from your data.
};

<ReactDataGrid
   // ... other props
   onScroll={this.onScroll}
/>

onScroll=（{rowVisibleStartIdx，rowVisibleEndIdx}）=>{
log（rowVisibleStartIdx、rowVisibleEndIdx）；
//可视索引将随着画布视图端口的更改而更新。
//使用此选项可以断言数据中当前可见的行。
};

---

希望这是有帮助的

您好，这在滚动时起作用，但是第一次加载网格时，我怎么知道那些“rowVisibleStartIdx”和“rowVisibleEndIdx”？谢谢