我正在使用 React-Virtualized 来显示一个包含一长串值的表格。所以它是WindowScroller、AutoSizer和Table的组合。调整浏览器大小时出现问题。这是我的代码:
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>
);
}
当浏览器调整大小时,表格的宽度不会相应地更新,因此会显示一个垂直滚动条,尽管它不是必需的;除非它是放大或缩小,然后它都被正确地重新绘制。有谁知道如何解决这个问题?