How to implement the react antd table scroll bar event

how to implement the react antd table scroll bar event

there is a table table in the project development that needs to be loaded lazily

scroll bar event, that is, when the vertical scroll bar of table reaches the bottom, it triggers the ajax event to get a certain number of pieces of data.

Jul.12,2021

you can try onScrollCapture snooping

something like this

<div className={styles.center} onScrollCapture={() => this.onScrollEvent()} ref={c => (this.container = c)}>
...
</div>
constructor(props) {
    super(props);
    this.onScrollEvent = this.onScrollEvent.bind(this);
  }

  onScrollEvent() {
    if (this.container.scrollTop + this.container.clientHeight ===         
      this.container.scrollHeight) {
      // todo
    }
  }
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eb1a91-2373.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eb1a91-2373.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?