From a8ac76c638c65ef3c9a062f9efb7847ebc5ddd94 Mon Sep 17 00:00:00 2001 From: c0bra Date: Wed, 8 Oct 2014 09:35:47 -0500 Subject: [PATCH] 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. --- src/features/selection/js/selection.js | 10 ++++++++-- .../selection/templates/selectionHeaderCell.html | 4 ++++ 2 files changed, 12 insertions(+), 2 deletions(-) create mode 100644 src/features/selection/templates/selectionHeaderCell.html diff --git a/src/features/selection/js/selection.js b/src/features/selection/js/selection.js index 4675d1c96e..e1440c32b2 100644 --- a/src/features/selection/js/selection.js +++ b/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); } }, diff --git a/src/features/selection/templates/selectionHeaderCell.html b/src/features/selection/templates/selectionHeaderCell.html new file mode 100644 index 0000000000..772ecbb834 --- /dev/null +++ b/src/features/selection/templates/selectionHeaderCell.html @@ -0,0 +1,4 @@ +
+
 
+
+