2017-09-15 87 views
0

我想添加一些樣式到我的網格的最後一行。我不知道行號是什麼,因爲可能有任何數量的行。我怎麼去解決這個問題?我見過rowClass和rowRenderer,但沒有一個工作的例子。下面是我的代碼有:如何添加一個CSS類到jsGrid的最後一行

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」爲對象的數組

+0

在GitHub上籤出以下問題:https://github.com/tabalinas/jsgrid/issues/903 – tabalin

回答

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類添加到該行。

相關問題