jsGridの最後の行にCSSクラスを追加する方法

Question

グリッドの最後の行にスタイリングを追加したいと思います。行数は何行でもよいので、私は何も分かりません。これについてどうすればいいですか？私はrowClassとrowRendererを見たことがありますが、実際の例はありません。ここで私が持っているコードされています

var displayData = function (itemViewModelList) { 
       var fields = [ 
         { 
          name: 'ConsultantName', type: 'text', width: 100, title: 'Consultant Name' 
         }, 
         { 
          name: 'BranchName', type: 'text', width: 100, title: 'Branch Name', css: "red" 
         }, 
         { name: 'NumberOfInvestments', type: 'text', title: 'Number Of Investments' }, 
         { 
          name: 'ValueOfInvestments', type: 'money', width: 150, title: 'Value Of Investments', 
          itemTemplate: function (value) { 
           return tisCommon.formatForMoney(value); 
          } 
         }, 
         { 
          name: 'AverageValueOfInvestments', type: 'money', width: 150, title: 'Average Value Of Investments', 
          itemTemplate: function (value) { 
           return tisCommon.formatForMoney(value); 
          } 
         }, 
         { 
          name: 'Month', type: 'text', width: 100, title: 'Month', 
          itemTemplate: function (value) { 
           return moment(value, 'M').format('MMMM');; 
          } 
         }, 
       ]; 

      var options = { 
       inserting: false, 
       editing: false, 
       pageSize: 20, 
       fields: fields, 
       rowHeaders: false, 
       colHeaders: false, 

       data: itemViewModelList, 
       controller: controller = { 
        loadData: function() {       
        }, 
       }, 
      }; 
      $('#investment-grid').tisGrid('', options); 

      if (itemViewModelList[0].ConsultantName != null) { 
       $("#investment-grid").jsGrid("fieldOption", "BranchName", "visible", false); 
      } else { 
       $("#investment-grid").jsGrid("fieldOption", "ConsultantName", "visible", false); 
      } 
     }; 

私のデータは「itemViewModelList」を渡されているが、次のように私はrowClassを使用してこれを解決するオブジェクト

Answer 1

の配列です：

controller: controller = 
{ 
    loadData: function() {}, 
}, 
rowClass: function (item, itemIndex) //item is the data in a row, index is the row number. 
{ 
    if ((item.ConsultantName == "Totals") || (item.BranchName == "Totals")) 
    { 
     return "totalItem highlight"; 
    } 
} 

私は私の場合があります私の条件に基づいて最後の行のアイテムを見つけるステートメント。それらが満たされると、カスタムCSSクラスをその行に追加します。