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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

javascript - addthis share facebook and google+ url -

ios - Show keyboard with UITextField in the input accessory view -