首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >react-virtualized List:当list太短时,如何删除空闲空间?

react-virtualized List:当list太短时,如何删除空闲空间?
EN

Stack Overflow用户
提问于 2018-01-19 15:41:29
回答 1查看 1.2K关注 0票数 0

我正在使用react-virtualized List来呈现一个数据列表。当list太短时(is height小于List组件的" height“支柱),底部会有很多空格(因为高度是固定的)。有没有办法解决这个问题?

EN

回答 1

Stack Overflow用户

发布于 2018-01-20 00:57:52

修复方法是检测何时出现这种情况,并将较短的height值传递给List

例如,这就是react-virtualized-selected对短下拉列表所做的事情。You can see the code for that here,尽管它可能比您需要的更复杂,因为它支持可变高度的行。

如果行的高度是固定的,那么计算就会简单得多:

代码语言:javascript
复制
const height = Math.min(maxHeight, rowCount * rowHeight);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48336244

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档