angular-ui-grid

Angular 1.5.0. Root Template is duplicated when reloading the page with UI GRID via ocLazyLoad. $$animateJs is undefined

♀尐吖头ヾ 提交于 2020-01-02 05:52:25
问题 I'm using: Angular, angular-animate both are v. 1.5.0 Angular UI Grid v. 3.1.1 ocLazyLoad v. 1.0.9 Angular ui router v. 0.2.18 The Error is : TypeError: $$animateJs is not a function at d (angular-animate.js:2141) at angular-animate.js:2131 at h (angular-animate.js:3174) at Array.d.push.fn (angular-animate.js:3020) at c (angular-animate.js:423) at b (angular-animate.js:393) at angular-animate.js:3042 at m.$digest (angular.js:16714) at m.$apply (angular.js:16928) at g (angular.js:11266) This

angularjs-ui-grid has extra white space after scrolling to the bottom of the list

巧了我就是萌 提交于 2020-01-02 05:50:59
问题 When I have enough rows in my ui-grid to do scrolling, it seems to have a lot of whitespace at the bottom of the list for some reason. I've nailed it down to this piece of code (i think?): styles['margin-top'] = hiddenRowWidth + 'px'; line 3038 of ui-grid.js Not sure why it's adding so much white space at the bottom though. Any ideas? I was thinking it's because my container is 100% height, but it seems to do this even with a specific pixel height as well. edit: Well, now I'm not certain that

angularjs: ui-grid not renders more than 10 columns

你离开我真会死。 提交于 2020-01-01 12:14:55
问题 I have simple controller: angular.module('it.works', ['ngResource']) .controller 'ItWorksCtrl', ($scope, Task) -> $scope.worksTable = { data: Task.query(), columnDefs: [ { field: "created_at", cellFilter: "date:'dd.MM.yyyy'", displayName: 'Дата создания' }, { field: "task", cellFilter: "limitTo:300", displayName: 'Описание задачи' }, { field: "performer", displayName: 'Исполнитель' }, { field: "task_type", displayName: 'Срочность' }, { field: "is_orgtechnik_task", displayName: 'Оргтехника',

Angular ui-grid can not copy cell text

混江龙づ霸主 提交于 2020-01-01 09:42:07
问题 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 ui-grid can not copy cell text

我的梦境 提交于 2020-01-01 09:41:11
问题 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 =

Remove sorting menu from ui-grid column header

。_饼干妹妹 提交于 2020-01-01 07:44:34
问题 I created ui-grid that has three columns, by default, the column header have a 'v' shaped icon (marked in red circle in the image) : Here the code and the plunker: var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']); app.controller('ThirdCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) { $scope.gridOptions = { expandableRowTemplate: 'expandableRowTemplate.html', expandableRowHeight: 150, onRegisterApi: function

Remove sorting menu from ui-grid column header

十年热恋 提交于 2020-01-01 07:44:02
问题 I created ui-grid that has three columns, by default, the column header have a 'v' shaped icon (marked in red circle in the image) : Here the code and the plunker: var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']); app.controller('ThirdCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) { $scope.gridOptions = { expandableRowTemplate: 'expandableRowTemplate.html', expandableRowHeight: 150, onRegisterApi: function

Angular UI Grid Scroll Error

守給你的承諾、 提交于 2020-01-01 01:45:08
问题 I am using ui grid 3.0.6. Until yesterday it was working fine. But there is a problem in Google chrome now.(Version 56.0.2924.87) When I scroll the grid, or click on scroll down arrow it starts scrolling very fast. Couldn't control the speed. It was working fine and only in Chrome. Can anyone help? Thanks in advance. 回答1: Adding this style to my style.css is helped .ui-grid-viewport { overflow-anchor: none; } 回答2: It's may be related to "Scroll Anchoring" feature, that has been enabled by

How to use Angular UI-Grid with Server Side Paging

℡╲_俬逩灬. 提交于 2019-12-31 09:58:45
问题 I'm using AngularJs Ui-Grid.info to display dynamic data grids, I love it but now I have to hook it up to a database table with 60,000 records using server-side filtering and paging and it appears that the pagination options for this plugin is only for client side paging. Has anyone been able to get this working with Server Side Paging. Do you have a code example. View Code <div class="gridContainer"> <div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-auto-resize ui-grid-pagination><

Canonical way to e2e test angular UI grid

蹲街弑〆低调 提交于 2019-12-31 06:49:46
问题 The Story: Recently, our UI switched from custom tables to Angular UI grid as it got stabilized and feature-rich. The main Angular UI grid page claims to have "e2e testing integration", but we are having the hard time making this work. From what we understand, what they meant under "e2e testing integration" is the two helper files: gridTestUtils and gridObjectTestUtils. There are multiple problems with that: these two helper files are not a part of the angular-ui-grid module itself and are