Ag-gridの行数を表示

Question

私はエンタープライズ版をテストしていますが、ステータスバーの行にカスタムテキストを表示できるかどうかを知りたいのですか？ （ステータスバーが不可能な場合、選択肢はありますか？）

それが不可能であれば、私はちょうどX rows

OR Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success （、テーブルのX rows/Y total rowsを表示したい、またはカスタムスタイルとは示すためにこの例の色）

これは可能ですか？ （私は角1を使用しています）

Answer 1

あなたは2つの異なる質問をしました。私は両方を説明しようとします。

私はあなたがgridOptions.api.getModel().getRowCount()でY total rowsを持つテーブルのX行/ Yの総行

を示したいと思います。 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; 
}