angular-ui-grid

Using ui-grid constants to disable scrollbars

由 ￣綄美尐妖づ 提交于 2019-12-02 22:06:31
With the latest version of ui-grid (v3.0.0-rc.16) it is possible to turn the horizontal and vertical scrollbar off seperately. I got this working by exchanging $scope.gridOptions.enableScrollbars = false; with $scope.gridOptions.enableHorizontalScrollbar = 0; $scope.gridOptions.enableVerticalScrollbar = 0; In the sources of ui-grid there are three Constants defined for the scrollbars: scrollbars: { NEVER: 0, ALWAYS: 1, WHEN_NEEDED: 2 } Facing the fact that ui-grid is still unstable and changed very often, i would feel more comfortable using those constants instead of the specific values. But

How to use Angular UI-Grid with Server Side Paging

由 痴心易碎 提交于 2019-12-02 19:36:17
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></div> </div> Part of the Controller $scope.gridOptions = { enableFiltering: true, enableColumnResize:

ag-grid vs slick-grid vs angular-grid which is better? [closed]

由 烈酒焚心 提交于 2019-12-02 15:37:21
Recently we thought to change our current grid tool. Currently we're using kendo-ui for grid and all. After searching we came with 3 results. But, still we're not sure which is better and why in future run. While using kendo we missed having control over it. It would be a great if any one can help us out on choosing right grid with angularjs . Niall Crosby Disclosure: I'm the founder and CEO of ag-Grid. First, some clarification on the question, ag-Grid used to be called angular-grid, however I presume you meant angular-ui-grid (or simply ui-grid), so allow me to answer ag-grid vs slick-grid

How to print Angular UI-Grid entire data?

由 懵懂的女人 提交于 2019-12-02 12:54:25
问题 This is my code <!DOCTYPE html> <html class="no-js" ng-app="test"><!--<![endif]--> <head> <meta charset="utf-8"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <title></title> <meta content="width=device-width" name="viewport"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.css"> <link rel="stylesheet" href=

Canonical way to e2e test angular UI grid

由 限于喜欢 提交于 2019-12-02 11:40:00
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 not available as a separate library which means we need to basically copy the current contents of both

Angular ui-grid line selection is not working

由 孤街浪徒 提交于 2019-12-02 10:35:15
I'm trying to select the first rendred line using Angular ui-grid but it's not working. Here is a plunker with the example. I was able to do it using timeout after rendering data from the server but not using $scope.gridApi.grid.modifyRows($scope.gridOptions.data); $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]); as shown in different example. would you please help me fixing it? If the data is getting loaded by an async call you can select the rows in the callback, you can use $scope.gridApi since you saved it in the onRegisterApi function. Please find the plunker $http.get(

Equivalent Single Html file with export options like Datatables

由 隐身守侯 提交于 2019-12-02 10:02:00
问题 I created a Single HTML - Table - With Export Options, Search, Pagination using Static Data using DataTables. plnkr.co/edit/n3cbx8GrGoJtOpgbxE32?p=preview is similar kind of example or working html available in angular-ui-grid Datatable doesn't works well with huge records. Could you please kindly help with an equivalent html file using angular ui grid..thanks in advance for anything Thanks. 回答1: From what it looks like, you are able to export CSV and PDF. I don't see any evidence of the

Equivalent Single Html file with export options like Datatables

由 孤人 提交于 2019-12-02 07:28:17
I created a Single HTML - Table - With Export Options, Search, Pagination using Static Data using DataTables. plnkr.co/edit/n3cbx8GrGoJtOpgbxE32?p=preview is similar kind of example or working html available in angular-ui-grid Datatable doesn't works well with huge records. Could you please kindly help with an equivalent html file using angular ui grid..thanks in advance for anything Thanks. From what it looks like, you are able to export CSV and PDF. I don't see any evidence of the Excel export working. I am not sure offhand on the print function, however, exporting the PDF and printing would

How to print Angular UI-Grid entire data?

由 别说谁变了你拦得住时间么 提交于 2019-12-02 04:32:00
This is my code <!DOCTYPE html> <html class="no-js" ng-app="test"><!--<![endif]--> <head> <meta charset="utf-8"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <title></title> <meta content="width=device-width" name="viewport"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.css"> <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"> <link rel="stylesheet" href="main.css" type=

How to stop infinite scrolling of ui-grid while content loading finish?

由 ＊爱你＆永不变心＊ 提交于 2019-12-02 04:31:55
I am using ui-grid . I have already implemented some logic to stop the $http call as follows. But when it reaches last result the scroll is jumping to the row which are few before of last results. So User can not see the last results any time. If User scroll again then after a while It jumps again to the row which are few before of last results. I used following logic. $scope.loadMoreData = function() { var promise = $q.defer(); if($scope.lastPage < $scope.maxPage){ $timeout(function () { var arrayObj = []; for(var i=0; i<$scope.itemsPerPage; i++){ arrayObj.push({id:Math.random()*100, name:
订阅 angular-ui-grid