fix(Selection): Remove IE11 ellipsis in header

For some reason IE11 turns the   in the selection row header's header
cell into an ellipsis. Adding text-overflow: clip to .ui-grid-contents
fixes this but as a custom headerCellTemplate has to be defined, the
easier thing is just to remove all the unneeded stuff from the header cell
completely.

This change will probably be overwritten if and when we use the header
cell to actually do something.

Author: c0bra

src/features/selection/js/selection.js

@@ -389,8 +389,14 @@
             pre: function ($scope, $elm, $attrs, uiGridCtrl) {
               uiGridSelectionService.initializeGrid(uiGridCtrl.grid);
               if (uiGridCtrl.grid.options.enableRowHeaderSelection) {
-                var cellTemplate = 'ui-grid/selectionRowHeader';
-                var selectionRowHeaderDef = { name: 'selectionRowHeaderCol', displayName: '', width: 30, cellTemplate: cellTemplate};
+                var selectionRowHeaderDef = {
+                  name: 'selectionRowHeaderCol',
+                  displayName: '',
+                  width: 30,
+                  cellTemplate: 'ui-grid/selectionRowHeader',
+                  headerCellTemplate: 'ui-grid/selectionHeaderCell'
+                };
+
                 uiGridCtrl.grid.addRowHeaderColumn(selectionRowHeaderDef);
               }
             },

src/features/selection/templates/selectionHeaderCell.html

@@ -0,0 +1,4 @@
+<div>
+  <div class="ui-grid-vertical-bar">&nbsp;</div>
+  <div class="ui-grid-cell-contents" col-index="renderIndex"></div>
+</div>