4

我正在测试企业版,我想知道我是否可以在状态栏行中显示一些自定义文本?(如果无法使用状态栏,是否有替代方案?)

我想展示X rows / Y total rows桌子,或者如果那不可能,就X rows

Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success (在此示例中使用自定义样式显示颜色)

这可能吗?(顺便说一句,我正在使用 Angular 1)

4

2 回答 2

11

你问了两个不同的问题,我会试着解释两个。

我想显示表格的 X 行 / Y 总行

你有Y total rowsat gridOptions.api.getModel().getRowCount()。我假设是指“X rows当前显示的行”,我认为目前没有获得它的方法。虽然我们曾经,所以我可能是错的。

指标:蓝色 - 手动存款,红色 - 存款失败,绿色 - 成功

我猜您是在谈论更改单元格/行样式?对于单元格样式,请查看列定义 cellClassRules。从网页:

ag-Grid 允许应用规则以包含某些类。如果您使用 AngularJS,那么这类似于 ng-class,您将类指定为 Javascript 对象键,并将规则指定为对象值。

你可以像这样使用它:

//'Success', 'Manual' and 'Failed' are placeholders for the actual values
// you must compare to.
cellClassRules: {
    'green': function(params) { return params.value === 'Success'},
    'blue': function(params) { return params.value === 'Manual'},
    'red': function(params) { return params.value === 'Failed'}
},

对于整行样式,您可以使用我在另一个问题中解释的内容来实现

// Again, 'Success', 'Manual' and 'Failed' are placeholders 
// for the actual values you must compare to.
gridOptions.api.getRowStyle(params) {
    switch(params.data.myColumnToCheck){
        case 'Success':
            return {'background-color': 'green'};
        case 'Manual':
            return {'background-color': 'blue'};
        case 'Fail':
            return {'background-color': 'red'};
    }
    return null;
}
于 2016-07-13T11:24:50.260 回答
0

您可以使用以下方法 grid.api.inMemoryRowController.rowsToDisplay.length 在 ag 网格中显示当前显示行

谢谢

于 2018-04-09T10:59:41.883 回答