问题描述
React-Virtualized (https://github.com/bvaughn/react-virtualized/blob/master/docs/WindowScroller.md) 中 WindowScroller 的文档表明它与表格兼容,并且下面的代码做了一些工作
<WindowScroller>
{({ height,isScrolling,registerChild,scrollTop }) => (
<AutoSizer disableHeight>
{({ width }) => (
<div ref={registerChild}>
<Table
autoHeight
isScrolling={isScrolling}
scrollTop={scrollTop}
height={height}
width={Math.max(width,700)}
headerHeight={20}
rowHeight={30}
rowCount={warps.length}
rowGetter={({ index }) => warps[index]}
>
<Column
dataKey="one"
label="One"
width={100}
/>
<Column
dataKey="two"
label="Two"
width={50}
/>
</Table>
</div>
)}
</AutoSizer>
但是表格标题现在不再像没有 WindowScroller 那样浮动在表格上方。有什么办法可以让我恢复这种行为吗?我想我可以在表格外手动呈现标题,但这会很麻烦,因为我想在列上使用 flexGrow 所以我不知道它们的宽度并且可能需要为此创建一个没有行的克隆表?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)