Angularjs Ng网格列总数。我做得对吗？

我用以下

JSON

[{"TankName":"Tnk1","UseFuel":"100","UnusedFuel":"200"},
{"TankName":"Tnk2","UseFuel":"150","UnusedFuel":"600"},
{"TankName":"TOTAL","UseFuel":"0","UnusedFuel":"0"}]

我已将NG-GRID配置为dispay。网格将显示如下

下面是网格

 columnDefs: [
                { field: 'TankName', displayName: 'Fuel Tank', enableCellEdit: false,},
                { field: 'UseFuel', displayName: 'Use Fuel',  editableCellTemplate: '<input ng-input="COL_FIELD"  ng-model="COL_FIELD"/>' },
                { field: 'UnusedFuel', displayName: 'Unused Fuel',  editableCellTemplate: '<input ng-input="COL_FIELD"   ng-model="COL_FIELD"/>' }

            ]

---

这里有一个。有人能告诉我，对于你在问题中放置的图片，是否有更好的选择，我会这样解决：

columnDefs: [{
    field: 'TankName',
    displayName: 'Tank',
    enableCellEdit: false,
    cellEditableCondition: 'newFunc(row);'
  }, {
    field: 'UseFuel',
    displayName: 'Ballast Fuel',
    editableCellTemplate: '<input ng-input="COL_FIELD"  ng-model="COL_FIELD"/>'
  }, {
    field: 'UnusedFuel',
    displayName: 'Trapped Fuel',
    cellEditableCondition: 'row.rowIndex != 2',
    editableCellTemplate: '<input ng-input="COL_FIELD"    ng-model="COL_FIELD"/>'
  }, {
    displayName: 'Total',
    cellTemplate: '<div>{{getTotal(row.entity.UseFuel,row.entity.UnusedFuel)}}<div>'
  }

]
};

$scope.getTotal = function(uf, uuf) {
   return Number(uf) + Number(uuf);
}

columnDefs：[{
字段：“TankName”，
displayName:'坦克'，
enableCellEdit:false，
cellEditableCondition:'newFunc（行）；'
}, {
字段：“UseFuel”，
displayName:'压载燃料'，
editableCellTemplate:“”
}, {
字段：“未使用的燃料”，
displayName:“捕获的燃油”，
cellEditableCondition:'row.rowIndex！=2'，
editableCellTemplate:“”
}, {
displayName:'总计'，
cellTemplate:“{{getTotal（row.entity.UseFuel，row.entity.UnuseFuel）}”
}
]
};
$scope.getTotal=函数（uf，uuf）{
返回编号（uf）+返回编号（uuf）；
}

注意

cellTemplate

和

getTotal

函数

---

在您键入时查看此更新。

谢谢，我已按以下方式完成，但我想您的方式更简洁，但在问题中，我询问了有关列总数的问题。因此，应该对每列进行合计，并显示在底部，

$scope.$watch（'ListOfTanks'，function（newValue，oldValue）{if（newValue！==oldValue）{angular.forEach（$scope.ListOfTanks，function（row）{row.getTotals=function（）{returnnumber（this.usefoure）+Number（this.UnusedFuel）；}）；a.ListOfTanks=newdtat；a.gridOptions_all.ngGrid.init（）；}}，true）
columnDefs: [{
    field: 'TankName',
    displayName: 'Tank',
    enableCellEdit: false,
    cellEditableCondition: 'newFunc(row);'
  }, {
    field: 'UseFuel',
    displayName: 'Ballast Fuel',
    editableCellTemplate: '<input ng-input="COL_FIELD"  ng-model="COL_FIELD"/>'
  }, {
    field: 'UnusedFuel',
    displayName: 'Trapped Fuel',
    cellEditableCondition: 'row.rowIndex != 2',
    editableCellTemplate: '<input ng-input="COL_FIELD"    ng-model="COL_FIELD"/>'
  }, {
    displayName: 'Total',
    cellTemplate: '<div>{{getTotal(row.entity.UseFuel,row.entity.UnusedFuel)}}<div>'
  }

]
};

$scope.getTotal = function(uf, uuf) {
   return Number(uf) + Number(uuf);
}