Ag-grid显示行数

Question

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

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

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

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

Answer 1

你问过两个不同的问题,我会试着解释两个问题.

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

你有Y total rows在gridOptions.api.getModel().getRowCount().在X rows我认为是指"当前显示的行",我想有得到它的无电流的方式.我们过去常常,所以我可能错了.

指标:蓝色 - 人工存款,红色 - 存款失败,绿色 - 成功

我想你在谈论改变单元格/行样式？对于单元样式,请查看Column Definition 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;
}