ExtJS网格-滚动显示网格底部/中间的大白色区域

ru9i0ody 于 2022-11-04 发布在其他

关注(0)|答案(1)|浏览(163)

问题描述

我有一个启用分页功能的网格，其中包含100多页数据。页面大小= 100行。
即使在第1页上，如果我将滚动框拖到网格底部，我也会在网格底部看到一个大的白色区域。
跳到第30页，如果将滚动框拖动到网格的底部，我会看到网格底部出现一个大的白色区域。如果在网格中上下拖动滚动框，我会看到网格中间也出现一个大的空白区域（这些区域很快就会被数据行覆盖）。
这不向最终用户提供平滑的滚动体验。
图片显示large white space at the bottom
显示large white space in the middle的图片
尝试的ExtJS版本：7.4.0

重现问题的步骤：

下面是重现这个问题的小提琴：https://fiddle.sencha.com/#view/editor&fiddle/3e98
(1)在第1页上，如果您将卷动方块拖曳至格缐底部，您会在格缐底部看到一个大的白色区域。
(2)跳到第30页，如果将滚动框拖动到网格的底部，则会在网格的底部看到一个大的白色区域。如果在网格中上下拖动滚动框，则会在网格的中间看到一个大的空白区域闪烁（这些区域很快就会被数据行覆盖）。
有人知道为什么会出现此问题以及如何解决此问题吗？

谢谢-谢谢

extjs

来源：https://stackoverflow.com/questions/68082336/extjs-grid-scrolling-shows-large-white-space-at-the-bottom-in-the-middle-of-gr

1条答案

按热度按时间

mzmfm0qo1#

请尝试将“variableRowHeight”设定为true，让任何数据行的储存格具有不同的高度。
若要修正范例，您可以在下列数据行上设定它：

{
    text: 'CommandLineWithDisplayNames',
    dataIndex: 'CommandLineWithDisplayNames',
    flex: 3,
    variableRowHeight: true
},
{
    text: 'CommandLineWithNumbers',
    dataIndex: 'CommandLineWithNumbers',
    flex: 3,
    variableRowHeight: true
},

文件：https://docs.sencha.com/extjs/7.4.0/classic/Ext.grid.column.Column.html#cfg-variableRowHeight

赞(0）回复(0）举报 2022-11-04

我来回答

ExtJS网格-滚动显示网格底部/中间的大白色区域

1条答案

相关问题

热门标签

最新问答