Ag-grid 显示行数

Question

我正在测试企业版，我想知道是否可以在状态栏行中显示一些自定义文本？（如果状态栏不可能，有没有替代品？）

我想显示 table 的 X rows / Y total rows，或者如果那不可能，就 X rows

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

这可能吗？（顺便说一句，我正在使用 Angular 1）

Answer 1

你问了 2 个不同的问题，我会尽力解释这两个问题。

I want to show X rows / Y total rows of the table

您在 gridOptions.api.getModel().getRowCount() 有 Y total rows。我假设的 X rows 指的是 'current displayed rows' 并且我认为目前没有获取它的方法。虽然我们以前是这样，所以我可能是错的。

Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success

我猜你是在谈论改变 cell/row 风格？对于单元格样式，请查看 Column Definition cellClassRules。来自网页：

ag-Grid allows rules to be applied to include certain classes. If you use AngularJS, then this is similar to ng-class, where you specify classes as Javascript object keys, and rules as object values.

你可以这样使用它：

//'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;
}

Answer 2

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

谢谢

Ag-grid 显示行数

Ag-grid show number of rows

angularjs

ag-grid