React-Virtualized Autosizer 高度问题

Question

我的 parent div 是 parent 的 100%（依次为 100%，等等），其中一个 parent 有一些填充.

AutoSizer 不遵守底部的填充，并且列表在所有项目都被看到之前停止滚动。

<AutoSizer>
  {({ width, height }) => (
    <List
      height={height}
      rowCount={data.length}
      rowHeight={53}
      rowRenderer={this.rowRenderer.bind(this, data)}
      width={width}
    />
  )}
</AutoSizer>

grandparent 上的底部填充被忽略：

行提前停止呈现：

Answer 1

您提到的第二个问题表明您没有 accepting/applying 将 style 属性传递给行渲染器。有关插图，请参阅 here。

AutoSizer is not respecting the padding at the bottom

至于这个，听起来您的 CSS 设置不太正确。尝试在除了 AutoSizer 的直接父级之外的任何内容上设置填充。 :)

React-Virtualized Autosizer 高度问题

React-Virtualized Autosizer Height Issue

reactjs

react-virtualized