angular-ui/ng-grid — pull request #970 by alex-parfenyuk (2014-02-05 20:11:12+00:00)
Title: Added custom gridTemplate support

Below is a sample custom template that I used for a grid:

<div ng-grid-footer></div>
<div class="ngTopPanel" ng-class="{'ui-widget-header': gridOptions.jqueryUITheme}" ng-style="topPanelStyle()">
<div class="ngGroupPanel" ng-show="showGroupPanel()" ng-style="groupPanelStyle()">
<div class="ngGroupPanelDescription" ng-show="configGroups.length==0">{{i18n.ngGroupPanelDescription}}</div>
<ul ng-show="configGroups.length" class="ngGroupList">
<li class="ngGroupItem" ng-repeat="group in configGroups">
<span class="ngGroupElement">
<span class="ngGroupName">{{group.displayName}}<span ng-click="removeGroup($index)" class="ngRemoveGroup">x</span></span>
<span ng-hide="$last" class="ngGroupArrow"></span>
</span>
</li>
</ul>
</div>
<div class="ngHeaderContainer" ng-style="headerStyle()">
<div class="ngHeaderScroller" ng-style="headerScrollerStyle()" ng-include="gridId + 'headerRowTemplate.html'"></div>
</div>
<div ng-grid-menu></div>
</div>
<div class="ngViewport" unselectable="on" ng-viewport ng-class="{'ui-widget-content': gridOptions.jqueryUITheme}" style="max-height: 600px" ng-style="viewportStyle()">
<div class="ngCanvas">
<div ng-style="rowStyle(row)" ng-repeat="row in renderedRows" ng-click="row.toggleSelected($event)" ng-class="row.alternatingRowClass()" ng-row></div>
</div>
</div>