如何添加一个CSS类到jsGrid的最后一行

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”为对象的数组

Answer 1

我用rowClass如下解决了这个：

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类添加到该行。