ng-grid headerRowTemplate - Bunu kullanan var mı?

Question

Ekibim ng-grid'in bu özelliğini kullanmak istiyor. Ancak, herhangi bir yerde belgelenmiş gibi görünmüyor. Yapmak istediğimiz şey, bir ng-kılavuzunun başlık alanının son sütununa bir "artı" simgesi koymaktır.

Bunu yapmak için iyi bir yol bulamadı mı?

Answer 1

Sadece ızgarada son sütun için headerCellTemplate'u değiştirin (bkz. https://github.com/angular-ui/ng-grid/wiki/Templating). İşte

bir örnek (ikinci satırda <img src="PLUS-ICON.png" /> unutmayın):

Eğer sorunuza cevap yardımcı aşağıda cevabım, kabul edilen yanıt olarak işaretleyerek düşünün lütfen

var myHeaderCellTemplate = '<div class="ngHeaderSortColumn {{col.headerClass}}" ng-style="{\'cursor\': col.cursor}" ng-class="{ \'ngSorted\': !noSortVisible }">' + 
          '<div ng-click="col.sort($event)" ng-class="\'colt\' + col.index" class="ngHeaderText">{{col.displayName}} <img src="PLUS-ICON.png" /></div>' + 
          '<div class="ngSortButtonDown" ng-show="col.showSortButtonDown()"></div>' + 
          '<div class="ngSortButtonUp" ng-show="col.showSortButtonUp()"></div>' + 
          '<div class="ngSortPriority">{{col.sortPriority}}</div>' + 
          '<div ng-class="{ ngPinnedIcon: col.pinned, ngUnPinnedIcon: !col.pinned }" ng-click="togglePin(col)" ng-show="col.pinnable"></div>' + 
          '</div>' + 
          '<div ng-show="col.resizable" class="ngHeaderGrip" ng-click="col.gripClick($event)" ng-mousedown="col.gripOnMouseDown($event)"></div>'; 
$scope.gridOptions = { 
    data: self.myData, 
    columnDefs: [ 
     { field: 'firstField', displayName: 'First Column' }, 
     { field: 'secondField', displayName: 'Second Column' }, 
      ... 
     { field: 'lastField', displayName: 'Last Column', headerCellTemplate: myHeaderCellTemplate } 
    ] 
};