防止react-virtualised表格无限滚动鼠标滚轮事件滚动整个页面

<div onWheel={handleScroll}>
  {/* react-virtualised表格组件 */}
</div>

const handleScroll = (event) => {
  const tableContainer = document.getElementById('table-container');
  const isScrollingInsideTable = tableContainer.contains(event.target);

  if (isScrollingInsideTable) {
    event.stopPropagation(); // 阻止事件冒泡
  }
};

<div id="table-container" onWheel={handleScroll}>
  {/* react-virtualised表格组件 */}
</div>