如何更改 ng-grid 显示的行数答案

【问题标题】：How can I change the number of rows displayed by ng-grid如何更改 ng-grid 显示的行数
【发布时间】：2014-12-24 11:23:01
【问题描述】：

我正在使用 ng-grid 来显示一些数据。目前 ng-grid 显示大约 10 行数据，然后垂直滚动条启动并隐藏其余数据。如何更改垂直滚动条的阈值？

【问题讨论】：

【解决方案1】：

这取决于您的 rowHeight 和网格的 headerHeight。

两个值的默认值都是 30px，您可以使用以下方法调整 CSS 中的总 gridHeight：

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 482px
}

（为边框添加 2px。）

您还想禁用视口的溢出：

.ngViewport {
    min-height: 20px;
    overflow: visible;
}

这就是你想要的？

这里是 Plunker，有 15 行（因此 15*30px 行 + 30px 标题 + 2px 边框 = 482px gridHeight）

【讨论】：

差不多。我仍然希望滚动条出现在更多行之后。
然后省略 ngViewport css 规则并将溢出保留为默认自动。在这个 Plunker 中，您可以通过单击按钮将新行添加到 myData 并查看滚动条如何重新出现。你仍然需要摆弄一下css。这是我能做的最好的。 ng-grid 中宽度和高度的计算似乎总是有点错误。我不认为可以通过源代码中的 1 行补丁来更改。也许看看新的 ui-grid（在 3.x 版本中是 ng-grid）。