我正在测试企业版,我想知道我是否可以在状态栏行中显示一些自定义文本?(如果无法使用状态栏,是否有替代方案?)
我想展示X rows / Y total rows
桌子,或者如果那不可能,就X rows
或
Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success
(在此示例中使用自定义样式显示颜色)
这可能吗?(顺便说一句,我正在使用 Angular 1)
你问了两个不同的问题,我会试着解释两个。
我想显示表格的 X 行 / Y 总行
你有Y total rows
at 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;
}
您可以使用以下方法 grid.api.inMemoryRowController.rowsToDisplay.length 在 ag 网格中显示当前显示行
谢谢