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

时间:2014-10-28 21:25:45

标签: javascript angularjs datagrid scrollbar ng-grid

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

1 个答案:

答案 0 :(得分: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)