在滚动到列表底部后,angularjs-ui-grid有额外的空白区域

时间:2015-09-08 15:24:37

标签: javascript angularjs angular-ui-grid

当我的ui-grid中有足够的行进行滚动时,由于某种原因,列表底部似乎有很多空格。

我把它钉在了这段代码上(我想?):

styles['margin-top'] = hiddenRowWidth + 'px';

ui-grid.js的第3038行

不知道为什么它会在底部添加如此多的空白区域。有任何想法吗?我当时认为这是因为我的容器高度为100%,但即使具有特定的像素高度,它似乎也是如此。

编辑:嗯,现在我不确定那个代码是罪魁祸首。 ui-grid-canvas元素有一个巨大的高度,仍然不确定原因。

关闭它,因为它似乎是CSS相关的东西,这对我的自定义CSS来说只是一个问题。

1 个答案:

答案 0 :(得分:6)

我找出了罪魁祸首。

我已将padding: 0添加到.ui-grid-canvas,因为标题边框和行开头之间的1px空间真的让我烦恼。但是,无论出于何种原因,当它试图处理虚拟化以进行滚动时,这会破坏计算。

删除自定义填充后,一切似乎都正常。