Modelo headerCell padrão na grade de ng
Considere o seguinte trecho de código angularJs:
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', headerCellTemplate: myHeaderCellTemplate },
{ field: 'secondField', displayName: 'Second Column', headerCellTemplate: myHeaderCellTemplate },
{ field: 'lastField', displayName: 'Last Column', headerCellTemplate: myHeaderCellTemplate }
]
};
Estou tentando exibir um excel no navegador usando ng-grid. Eu preciso de um headerCellTemplate comum para todos os meus campos. Como os campos são provenientes de um excel, eles podem ser aleatórios, dinâmicos e qualquer número.
Como definir um headerCellTemplate padrão para todos os campos, para que eu não precise mencionar os campos nocolumnDefs
seção de gridOptions? (Como os campos não são controlados)
P.S. Referir-seessa questãoperguntou por mim também. É por isso que não consigo usar o modelo em uma linha, porque quero que os campos sejam arrastados individualmente.