H5W3
当前位置:H5W3 > JavaScript > React > 正文

【React】react antd table滚动条事件如何实现

react antd table滚动条事件如何实现

项目开发中有一个table表格需要做懒加载效果

滚动条事件,就是当table的竖向滚动条到底时,就触发ajax事件再拿一定条数的数据。

回答

可以试试 onScrollCapture 监听

类似这样

<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
    }
  }

本文地址:H5W3 » 【React】react antd table滚动条事件如何实现

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址