angularjs - ng-grid headerRowTemplate - Has anyone used this? -
my team wanting use feature of ng-grid. not seem documented anywhere. put "plus" icon last column of header area of ng-grid.
has found way this?
just modify headercelltemplate
last column in grid (see https://github.com/angular-ui/ng-grid/wiki/templating).
here example (note <img src="plus-icon.png" />
in second line):
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 } ] };
Comments
Post a Comment