dataTable onScroll not working

[mattqs]

https://codesandbox.io/s/primereact-demo-forked-z9sk2r?file=/src/App.js

This does not give any console output, when scrolling:

   <DataTable
        value={products}
        scrollable
        scrollHeight="200px"
        onScroll={(e) => console.log("e", e)}
        tableStyle={{ minWidth: "50rem" }}
      >
        <Column field="code" header="Code"></Column>
        <Column field="name" header="Name"></Column>
        <Column field="category" header="Category"></Column>
        <Column field="quantity" header="Quantity"></Column>
      `</DataTable>`

[FlipWarthog]

DataTable itself does not have an onScroll event, but the underlying VirtualScroller does. So you could do something like:

<DataTable
  value={products}
  scrollable
  scrollHeight="100px"
  virtualScrollerOptions={{
    itemSize: 50,
    onScroll: (e) => {
      console.log("e", e);
    }
  }}
  tableStyle={{ minWidth: "50rem" }}
>
  <Column field="code" header="Code"></Column>
  <Column field="name" header="Name"></Column>
  <Column field="category" header="Category"></Column>
  <Column field="quantity" header="Quantity"></Column>
</DataTable>