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