angular-ui-grid

I want to select certain rows on page load(working days) This is the plunker plnkr.co/edit/48NyxngWNGIlOps1Arew?p=preview Any suggestion? Add the following property to your $scope.gridOptions object : onRegisterApi: function(gridApi) { $scope.gridApi = gridApi; $scope.gridApi.grid.modifyRows($scope.gridOptions.data); $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]); } This sets a $scope.gridApi so you can access it if you need it outside of this function. You need to call the modifyRows method in order to be able to make changes to your rows. Then the first row is selected (just

I've tried to achieve the multi column grouping at column header level for UI-Grid with the below approach. Steps I've followed: Include the below header cell template, of the UI grid, with another "UI Grid row": <div class="ui-grid-header custom-ui-grid-header"> <div class="ui-grid-top-panel"> <div class="ui-grid-header-viewport"> <div class="ui-grid-header-canvas"> <div class="ui-grid-header-cell-wrapper" ng-style="colContainer.headerCellWrapperStyle()"> <div class="ui-grid-header-cell-row"> <div class="ui-grid-header-cell" ng-repeat="superCol in grid.options.superColDefs track by $index"

How do I add image in a angular ui-grid cell. var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']); app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { $scope.gridOptions = { enableSorting: true, columnDefs: [ { field: 'name' }, { field: 'company' }, { field: 'image'} ], data:[ {name:"Name1",company:"Company1",image:"http://cdn.flaticon.com/png/256/70689.png"}, {name:"Name2",company:"Company2",image:"http://cdn.flaticon.com/png/256/70689.png"},] }; }]); You can use a custom cell template to render the image in the cell. var app = angular.module('app', [

I have an ui-grid where I want to select row by clicking any where on any row. I also want to copy a cell content to clip board. I did the following code, but while enableFullRowSelection is true , I can not select cell content by mouse draging. Please see the plunker . After further investigating I found .ui-grid-disable-selection class is being added to my grid. So can any one suggest how to solve this? EDIT : If I change enableFullRowSelection to false , I can select the content. var app = angular.module('plunker', ['ui.grid', 'ui.grid.selection']); app.controller('MainCtrl', function(

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; }

I have created a plunker here: http://plnkr.co/edit/zGqouwzxguef13lx48iP?p=preview When I click in a cell of the ui-grid in the day view then nothing happens. What I expected is that the test function is executed and an alert is shown with text 'test' but that is not the case. What is going on wrong here? Thats the html cell template of the ui-grid 3.0 latest release: HTML <div ng-click="test()" ng-switch="row.entity[row.grid.columns.indexOf(col)].isPeriod"> <div ng-switch-when="true"> <tabset> <tab> <tab-heading> <i class="glyphicon glyphicon-book"></i> </tab-heading>period id: {{ row.entity