angular-ui-grid

问题 In the following plunkr I want the Gender dropdown filter to be populated dynamically by the ajax call, but it doesn't appear to work. plunkr link If I comment out line 17 $scope.newSelectOptions=[{"value":"New Item 1","label":"New Item 1"},{"value":"New Item 2","label":"New Item 2"},{"value":"New Item 3","label":"New Item 3"},{"value":"New Item 4","label":"New Item 4"}]; it works like I would like (just simulating it), but what appears to happen is that the ajax call populates the variable

问题 I am using ui-Grid v 3.0.1. I have a custom cell template for a particular column which displays a button in each row. I have attached a ng-click attribute which calls the appScope to trigger some action. All works beautifully. However, the clicking of the custom template button also causes the selection of the row in question to be toggled. I need to prevent this from happening. i.e. a click to the custom template button should leave the current row's selection status as it was. I suspect I

问题 I have been stuck with anjularjs ui-grid, it's showing some Chinese symbols in place of icons. After digging about it I get to know I have to use some font-files provided by ui-grid team, I downloaded the files and included them into my project but still m not getting the correct icon images and fonts, how to include these files into the project? These are the file names which I downloaded and included in my project: 1 ui-grid.eot 2 ui-grid.svg 3 ui-grid.ttf 4 ui-grid.woff 回答1: I had the same

问题 I'm using ng-grid's new 3.0 release ui-grid to make a grid in my application. What i'm trying to do is make one of the editable cells in my table an ng-options dropdown that is filled with data retrieved with an angular factory. I'm trying to do this by using the editableCellTemplate feature of the ui-grid. Here is some example code: HTML: <div ui-grid="gridOptions" ui-grid-edit class="grid"></div> Controller: $scope.gridOptions = { enableSorting: true, enableFiltering: true,

问题 I'm using ng-grid's new 3.0 release ui-grid to make a grid in my application. What i'm trying to do is make one of the editable cells in my table an ng-options dropdown that is filled with data retrieved with an angular factory. I'm trying to do this by using the editableCellTemplate feature of the ui-grid. Here is some example code: HTML: <div ui-grid="gridOptions" ui-grid-edit class="grid"></div> Controller: $scope.gridOptions = { enableSorting: true, enableFiltering: true,

问题 I am using ui-grid. I have a lot of rows and that is why I use scrolling. Everything works perfectly ok until I try to change the height of the rows. Then the scrolling becomes a mess. I have added an example here http://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview This is one of the tutorials from the ui-grid website - the only thing I have changed is the CSS. I have added these rules. .ui-grid-cell-contents { padding: 1px 1px; } .ui-grid-render-container-body .ui-grid-header-cell, .ui-grid

问题 Testing out Angular ui-grid (ng-grid v.3.0). Can not for the life of me find the selected row. I just want to grab the rows or even row ID of row when a user clicks it. Found the top comment here but I think this is outdated: Getting select rows from ng-grid? Does anyone know where the gridOptions.selectedItems is being stored in 3.0? 回答1: Is this what your are looking for ? http://ui-grid.info/docs/#/tutorial/210_selection Activate grid selection capabilities with the ui-grid-selection tag

问题 How to add conditional when showing data in ui-grid cellTemplate below: $scope.status = ['Active', 'Non Active', 'Deleted']; $scope.gridOptions = { columnDefs: [{ field: 'code' }, { field: 'name' }, { field: 'status', cellTemplate: '<div>{{status[row.entity.status]}}</div>' }] }; The expected result should be row status show Active/NonActive/Deleted . Here is the plunker Thanks in advance. 回答1: You have to use externalScopes . In your markup define the gridholder like this. <div ui-grid=

问题 I am using : https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18 <div ui-grid="gridOptions" style="height:765px"></div> When I hard code the value, as shown above, the grid spreads out and everything works as expected. However, if I do the following... $scope.gridStyle = 'height:'+numRows*rowHeight+'px' //(765px); <div ui-grid="gridOptions" style="{{gridStyle}}"></div> The height is printed in the div and div widens but the content itself widens to only around 340px.

问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 5 years ago . I am creating an App with AngularJS and Bootstrap 3. I want to show a table/grid with thousands of rows. What is the best available control for AngularJS & Bootstrap with features like Sorting, Searching, Pagination etc. 回答1: After trying out ngGrid, ngTable, trNgGrid and