ng-grid

问题 Trying to remove vertical bars between columns in ng-grid. I grabbed the default rowTemplate, removed the div, and put it in gridOptions: rowTemplate: '<div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}"><div ng-cell></div></div>', which actually works, but how do I do the same for the header? There's certainly some functionality for it: <div class="ngVerticalBar ngVerticalBarVisible" ng-style="{height: col

问题 I have a editable angular-ui-grid, where my editable column in columnDefs object is defined as columnDefs: [ { name: "rightslist", displayNameKey: tr.rightsList, editableCellTemplate: 'ui-grid/dropdownEditor', editDropdownOptionsArray: [{name: 'Read-Only', value: 1}, {name: 'Read-Write', value: 2}], editDropdownIdLabel: 'value', editDropdownValueLabel: 'name', enableCellEdit: true }] The drop-down shows just fine showing me "Read-Only" and "Read-Write", but when it is closed, in the grid I

问题 When using ng-grid I have a server and a grid. If I click a row data in another grid will update. But when this happens all of the previous data disappears leaving a blank grid for 1/2 a second. To update I am just using $http.get. $http.get(afHttp.baseUrl + "/" + $scope.name + "/" + part) .success(function(data) { $scope.data = data; }) ; Is there any way of fixing this? when I add var lastRoute = $route.current; $scope.$on('$locationChangeSuccess', function(event) { $route.current =

问题 I want to template a cell as a dropdown button. So I created a cell template with a button linked to the dropdown directive. If I create this button outside the grid, it's working but inside the grid it's not. I am not sure but I guess the $scope is not accessible in the template. I created a Plunker that shows the issue 回答1: It looks like a bug to me. The problem is relating to the CSS of .ngCell . Currently the overflow property is set to hidden . Try add this to your css file to overwrite

问题 I have a ng-grid in my application. The height and width of the grid is given as auto. I have option to add the column dynamically to the grid. When the number of columns is less there is no problem. But if there is more number of columns then instead of getting Horizontal scrollbar my columns are shrinked in size and all the columns appear in a dirty manner in my grid. The width of the grid is not altered and all the columns are shrinked to fit the grid. What i am missing to get horizontal

问题 Trying to create simple working app with ng-grid and ASP.NET MVC. Client side: var app = angular.module('TestApp', ['ngGrid']) app.controller('MainController', function ($scope, $http) { $scope.addresses = [] $scope.filterOptions = { filterText: "", useExternalFilter: true }; $scope.update = function () { $http.get('/Home/GetData', { params: { filter: $scope.filterOptions.filterText } }) .then(function (result) { $scope.addresses = result.data //alert(JSON.stringify(result)) }) $scope.$apply(

问题 I am using ng-grid from AngularJS UI to make a grid and want to have a date cell editable using jQuery datepicker. The issue is that when the datepicker popup appears, any click inside the popup (whether to select a date or to change the month), blurs the ng-grid input field and a JS error occurs "Uncaught Missing instance data for this datepicker". Code snippets below. Any help is appreciated. Thank you ! === HTML <div ng-controller="MyCtrl1"> <div class="gridStyle" ng-grid="gridOptions" ng

问题 I'm posting this with reference to this previous post Server-side paging+filtering+sorting for ng-grid with WebAPI, hoping to be able to finally come up with a simple, yet working sample of using ng-grid with external data sources. Up to this point, I've managed to implement external paging and sorting, but I'm facing an issue with filtering. It seems like the filterText property of ng-grid filter options is not bound to the view . When I type something in the filter's text of the ng-grid my

问题 I have an ng-grid with three columns (name, value, machine) that displays metrics (name, value) from three different computers (as indicated in machine column). Rather than displaying three lines for each metric, I have set groups: ['name'] in the gridOptions; however, I cannot figure out how to make the aggregate row display the sum of the values. Is there a way to access the values of the rows in each group to calculate a sum? This is what I want to see (7, 10, 4, 6 on the aggregate rows in

问题 Can we make a nested ng-grid. something like this, is it possible. here's plunker: http://plnkr.co/edit/hYuFfxLR38LA0clIkF48?p=preview I have also tried doing this using , templateUrl. any suggestions, modifications to plunker or links ? 回答1: Yep, that might be working, although it doesn't make much sense. First of all you have to supply some data to the parent grid so that at least one row is rendered. Then you have to tell the parent grid to us another rowHeight than the default 30px. Don't