【问题标题】:Ag-grid show number of rowsAg-grid 显示行数
【发布时间】:2016-08-02 16:43:20
【问题描述】:

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

我想显示表格的X rows / Y total rows,或者如果这不可能,就只显示X rows

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

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

【问题讨论】:

    标签: angularjs ag-grid


    【解决方案1】:

    您提出了 2 个不同的问题,我将尝试解释这两个问题。

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

    您在gridOptions.api.getModel().getRowCount()Y total rows。我假设的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'}
    },
    

    对于整行样式,你可以通过what I explained in this other question实现它

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

    【讨论】:

      【解决方案2】:

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

      谢谢

      【讨论】:

      • 这对我不起作用(使用角度)。这就是我能够获得总行数的方式:grid.api.getDisplayedRowCount()
      猜你喜欢
      • 2017-09-16
      • 2019-08-27
      • 2020-07-12
      • 1970-01-01
      • 1970-01-01
      • 2021-09-29
      • 1970-01-01
      • 2021-10-20
      • 2018-10-16
      相关资源
      最近更新 更多