ng-grid

I have upgraded my AngularJS SPA application from ng-grid v2.0.7 to ui-grid v3 and my column headers no longer wrap around. My column headers are now single lined and show an ellipsis ... when the column header doesn't fit. Has this feature been removed or is had it been superseded by a different method? I believe I have found a way of wrapping text in the header columns by overriding the ui-grid-cell-contents CSS class. .ui-grid-header-cell .ui-grid-cell-contents { height: 48px; white-space: normal; -ms-text-overflow: clip; -o-text-overflow: clip; text-overflow: clip; overflow: visible; }

How to toggle the customizing_column_menu icons in angular ui.grid like shown below I didn't found any best solution to change menuItems dynamically, Here is what I did for workaround Code $scope.gridOptions = { rowHeight: 75, columnDefs: [{ field: 'name', enableColumnMenu: false }, { field: 'gender', enableHiding: false, suppressRemoveSort: true, sort: { direction: uiGridConstants.ASC } }, { field: 'All Details', cellTemplate: '<p ng-show="grid.appScope.company"><label><b>Company:</b></label><span>{{row.entity.company}}</span></p><p ng-show="grid.appScope.email"><label><b>email:</b></label>

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: When I use celltemplate for ahref link, once the link is clicked the row highlights because i have RowSelection enabled...but i dont want the row to highlight when the link is clicked..only if the row is clicked anywhere but the link. Also in my below example picture, how do I remove the little arrow so no Menuitems can be displayed for that column? Code: $scope.gridOptions = { showFooter: true, enableFiltering: true, enableRowSelection: true, enableRowHeaderSelection: false, enableSelectAll: true, multiSelect: true, enableColumnResizing:

Here is the plnkr code. I want to change the color of the age cell for all the rows that their alert property is true. I am not sure how to do it. I don't have a separate column for the alert. Here you go. Refer this modified PLUNKER . Escaping single quote here but indenting the template for better readability. <div class="ngCellText" ng-class="{\'green\': row.getProperty(\'alert\') == \'true\' }"> {{ row.getProperty(col.field) }} </div> Above case is when alert is the string representation of booleans ("true"/"false"). When alert is boolean, then the template becomes less clumsy: <div class=

I have to show two types of gridOptions without using two grid's trying to change the gridOptions dynamically not working(one time working). working example http://plnkr.co/edit/4QKGIB?p=preview . $scope.grid1=function(){ $scope.gridOptions = $scope.gridOptions1; $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); } $scope.grid2=function(){ $scope.gridOptions = $scope.gridOptions2; $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); } Basically you need to use angular.copy() while assigning columnDef to grid, which clones the array and set it to the