Angularjs ng grid HeaderRowtTemplate-有人用过这个吗?
我的团队希望使用ng grid的这一功能。然而,似乎在任何地方都没有记录。我们想做的是在ng网格标题区域的最后一列中放置一个“加号”图标Angularjs ng grid HeaderRowtTemplate-有人用过这个吗?,angularjs,ng-grid,Angularjs,Ng Grid,我的团队希望使用ng grid的这一功能。然而,似乎在任何地方都没有记录。我们想做的是在ng网格标题区域的最后一列中放置一个“加号”图标 有人找到了一个好方法吗?只需修改网格中最后一列的headerCellTemplate(请参阅) 下面是一个示例(注意第二行中的): var myHeaderCellTemplate=''+ “{{col.displayName}}”+ '' + '' + “{col.sortPriority}”+ '' + '' + ''; $scope.gridOption
有人找到了一个好方法吗?只需修改网格中最后一列的
headerCellTemplate
(请参阅)
下面是一个示例(注意第二行中的
):
var myHeaderCellTemplate=''+
“{{col.displayName}}”+
'' +
'' +
“{col.sortPriority}”+
'' +
'' +
'';
$scope.gridOptions={
数据:self.myData,
columnDefs:[
{field:'firstField',displayName:'First Column'},
{field:'secondField',displayName:'secondcolumn'},
...
{字段:'lastField',显示名称:'Last Column',headerCellTemplate:myHeaderCellTemplate}
]
};
如果我下面的答案帮助你回答你的问题,请考虑把它标记为被接受的答案…谢谢!
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 }
]
};