Angularjs ng grid-创建多个行列标题

我试图让多行列标题在ng网格中工作。我使用的是AngularJS 1.2.11、ng grid 2.0.8和JQuery 2.1.0。这是我的最新尝试。标题仍显示为“某些
数据”

var-app=angular.module（'myApp'，['ngGrid']）；
应用程序控制器（'myCtrl'，函数（$scope，$sce）{
var head4='一些
数据'
var trustHead4=$sce.trustAsHtml（head4）；
var colDefs=[{field:'name'，displayName:'name'}，
{字段：'age'，显示名称：'age in Years'}，
{字段：“基准”，显示名称：trustHead4，宽度：100}，
];
var myHeaderCellTemplate=''+
'' +
'' +
'' +
“{col.sortPriority}”+
'' +
'';
$scope.myData=[{name:“Thomas”，年龄：27岁，基准：'adfkjrg'}，
{姓名：“弗朗西斯”，年龄：43岁，基准：'adfkjrg'}，
{姓名：“莱拉”，年龄：27岁，基准：'adfkjrg'}，
{姓名：“可爱”，年龄：29岁，基准：'adfkjrg'}，
{姓名：“约翰”，年龄：34岁，基准：'adfkjrg'}
];
$scope.myGrid={
数据：“myData”，
showGroupPanel:false，
columnDefs:ColderFS，
showFooter:false，
headerCellTemplate:myHeaderCellTemplate
};
});

我认为headerCellTemplate属于columnDefs选项。而是将其定义为网格选项

var app = angular.module('myApp', ['ngGrid']);

app.controller('myCtrl', function($scope, $sce) {

var head4 = 'Some<br>Data'
var trustHead4 = $sce.trustAsHtml(head4);

var colDefs = [{field: 'name', displayName: 'Name'},
               {field: 'age', displayName: 'Age in Years'},
               {field: 'datums', displayName: trustHead4, width:100},
              ];

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" ng-bind-html="col.displayName"></div>' +
                           '<div class="ngSortButtonDown" ng-show="col.showSortButtonDown()"></div>' +
                           '<div class="ngSortButtonUp" ng-show="col.showSortButtonUp()"></div>' +
                           '<div class="ngSortPriority">{{col.sortPriority}}</div>'+
                           '</div>' +
                           '<div ng-show="col.resizable" class="ngHeaderGrip" ng-click="col.gripClick($event)" ng-mousedown="col.gripOnMouseDown($event)"></div>';

$scope.myData = [{name: "Thomas", age: 27, datums: 'adfkjrg'},
                 {name: "Frances", age: 43, datums: 'adfkjrg'},
                 {name: "Leila", age: 27, datums: 'adfkjrg'},
                 {name: "Cute", age: 29, datums: 'adfkjrg'},
                 {name: "John", age: 34, datums: 'adfkjrg'}
                ];

$scope.myGrid = {
    data: 'myData',
    showGroupPanel: false,
    columnDefs: colDefs,
    showFooter: false,
    headerCellTemplate: myHeaderCellTemplate
};
});