Betrachten Sie den folgenden Code-Ausschnitt von 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 }
    ]
};

Ich versuche, mit ng-grid ein Excel im Browser anzuzeigen. Ich benötige eine gemeinsame headerCellTemplate für alle meine Felder. Da die Felder von einem Excel stammen, können sie zufällig, dynamisch und beliebig sein.

So legen Sie eine Standard-HeaderCellTemplate für alle Felder fest, sodass ich keine Felder im @ -Zeichen erwähnen mucolumnDefs section of gridOptions? (Da Felder unkontrolliert sind)

P.S. Beziehen aufdiese Frage auch von mir gefragt. Aus diesem Grund kann ich keine Vorlage für eine Zeile verwenden, da Felder einzeln verschoben werden sollen.