angularjs – ng-grid headerRowTemplate – 有没有人用过这个?
发布时间:2020-12-17 08:33:19 所属栏目:安全 来源:网络整理
导读:我的团队想要使用ng-grid的这个功能.但是它似乎没有在任何地方记录.我们想要做的是在ng-grid的标题区域的最后一列放置一个“加号”图标. 有没有人找到一个很好的方法来做到这一点? 只需修改网格中最后一列的headerCellTemplate(参见 https://github.com/ang
我的团队想要使用ng-grid的这个功能.但是它似乎没有在任何地方记录.我们想要做的是在ng-grid的标题区域的最后一列放置一个“加号”图标.
有没有人找到一个很好的方法来做到这一点?
只需修改网格中最后一列的headerCellTemplate(参见
https://github.com/angular-ui/ng-grid/wiki/Templating).
这是一个例子(注意< img src =“PLUS-ICON.png”/>在第二行): 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 } ] }; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |