title: ng-grid headerCellTemplate for Filtering
body: <p>For using the filtering of ng-grid, I mean column wise ng-grid I looked at this plunker as an example which works fine - <a href="http://plnkr.co/edit/c8mHmAXattallFRzXSaG?p=preview" rel="nofollow">http://plnkr.co/edit/c8mHmAXattallFRzXSaG?p=preview</a>. However when I try to make my own example of column filtering and I use the var as per ng-grid documentation</p>
  
  <pre><code>var myHeaderCellTemplate = '&lt;div class="ngHeaderSortColumn {{col.headerClass}}" ng-style="{cursor: col.cursor}" ng-class="{ ngSorted: !noSortVisible }"&gt;'+
                             '&lt;div ng-click="col.sort($event)" ng-class="'colt' + col.index" class="ngHeaderText"&gt;{{col.displayName}}&lt;/div&gt;'+
                             '&lt;div class="ngSortButtonDown" ng-show="col.showSortButtonDown()"&gt;&lt;/div&gt;'+
                             '&lt;div class="ngSortButtonUp" ng-show="col.showSortButtonUp()"&gt;&lt;/div&gt;'+
                             '&lt;div class="ngSortPriority"&gt;{{col.sortPriority}}&lt;/div&gt;'+
                           '&lt;/div&gt;'+
                           '&lt;div ng-show="col.resizable" class="ngHeaderGrip" ng-click="col.gripClick($event)" ng-mousedown="col.gripOnMouseDown($event)"&gt;&lt;/div&gt;';
  </code></pre>
  
  <p>I keep getting a syntax error at the colt. Can someone please let me know what's going on here?</p>