在调整浏览器大小时,AutoSizer和Window Scroller中表的宽度未正确更新

时间:2017-09-21 03:52:13

标签: react-virtualized window-scroll

我正在使用React-Virtualized来显示一个包含很长值列表的表。所以它是 WindowScroller AutoSizer 的组合。浏览器调整大小时出现问题。这是我的代码:

  render() {
    return (
        <WindowScroller>
            {({ height, isScrolling, scrollTop }) => (
                <AutoSizer>
                    {({ width }) => (
                        <Table
                            ref={(ref: Table) => { this.TableRef = ref; }}
                            autoHeight={true}
                            height={height}
                            width={width}
                            isScrolling={isScrolling}
                            scrollTop={scrollTop}
                            _noRowsRenderer={this._noRowsRenderer}
                           ...
                            >
                            <Column
                                ...
                            />
                        </Table>
                    )}
                </AutoSizer>)}
        </WindowScroller>
    );
}

当调整浏览器大小时,表格的宽度不会相应更新,因此显示垂直滚动条虽然不需要;除非它放大或缩小,然后才能正确地重新绘制。 有没有人知道如何解决这个问题?

0 个答案:

没有答案