300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > antd Table组件滚动条自适应

antd Table组件滚动条自适应

时间:2020-11-08 19:51:07

相关推荐

antd Table组件滚动条自适应

componentDidMount中写监听滚顶条高度方法

componentDidMount() {//加载页面时计算一次this.handleHeight();//页面大小发生改变时监听计算window.addEventListener('resize', this.handleHeight);}

处理计算页面Table的Scroll设置高度tableHeight,tableHeight为在this.state中初始化的属性,默认为‘’

handleHeight = () => {if (document.body.clientHeight && document.documentElement.clientHeight) {if (document.body.clientHeight > 800 ) {this.setState({tableHeight:'75vh'});}else if(document.body.clientHeight < 800){this.setState({tableHeight:'67vh'});}}}

记得卸载监听方法

componentWillUnmount(){window.removeEventListener('resize', this.handleHeight);}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。