angularjs table columns to hide/show binding

I am trying to set up a dynamic (api) ng-table with show/hide columns options.My data is fetched from firebase database.Currently the data is thrown into the table, but the table column headers are not sortable and not filterable on each column.And the other problem is that the show/hide checkboxes are not correctly bound to the table columns, because when a checkbox is (un)checked, the show/hide is not functioning and still showing all of the columns.Here is the html code:<div ng-controller="mycontroller"><div class="checkbox-inline"&...Read more

angularjs - ag-grid after upgrade from V8 to V15 pagination is not working properly,. Data source is not executed after initial loading

BackgroundHad upgraded the typescript to 2.6.2 from 2.3.4. Ag grid have compile issue so its upgraded to 15.0.0. After upgrade existing pagination code for ag-grid is not working.Previous Configuration - ag-grid and pagination works fineon click search button from form searchCategory() method will be called and load the gridpackage.json"ag-grid": "^8.1.0","ag-grid-angular": "^8.1.0",..... "typescript": "^2.3.4"temp.ts gridOptions = <GridOptions>{ context: {}, paginationPageSize: AppUtils.IR_PAGINATION_SIZE,/* rowModel...Read more

angularjs - ag-grid causing Uncaught Error: [$injector:modulerr] Failed to instantiate module

I'm using AngularJS, bower, and gulp for this project.Our project decided to move from ui-grid to ag-grid.There are so many errors I'm facing in this process. Some of them I fixed, but the error caused due to agGrid not defined ReferenceError: Can't find variable: agGrid.This is part of my bower.json. Note the ag-grid dependecies and main since the project is non-common.js. "overrides": { "js-xlsx": { "dependencies": { "angular": "*" } }, "ag-grid-enterprise": { "dependencies": { "angular": "1.4.12" ...Read more

angularjs - Ag-grid not working with angular and webpack

I am trying to get ag-grid to work with webpack.I've done the standard thing by adding ag-grid through npm and added the reference to webpack.config by doing this:resolve: { alias: {"ag-grid" : path.resolve(__dirname, "./node_modules/ag-grid/dist/ag-grid.js")}The file gets resolved and loaded into the index file just fine. And I've done the following for angular.angular.module("cs-app", [require("ag-grid").name]);Webpack also resolves this file and gets included and loaded up but when I run the app I get the following error.[$injector:module...Read more

angularjs - Wrap ag-grid in an Angular Directive

I am creating a wizard to add a new appointment in our application. The last page of the wizard contains a tabbed section with all potential conflicts based on several criteria. Each tab is one of the criteria and uses an Angular Grid to show the list of conflicts. Since each grid has the same columns, but contains different data, I would like to use a directive to wrap the Angular Grid and its grid options in the Template and then set the rowData in another attribute on my directive. I currently have the following for my directive:'use str...Read more

Angularjs ag-grid header cell click event is not firing up

In ag-grid, one of the header columns I have the following : headerCellRenderer : function(params) { params.$scope.assignRegHrsInput = ""; return '<span>' + data.headerName + '</span></br><input class="exp-param-header-input" type="text" ng-model="assignRegHrsInput"> </br> <span ng-click="changeAllAssignedRegHrs(assignRegHrsInput)"> <span class="glyphicon glyphicon-download"></span> Apply To All</span>' }And I have $scope.cha...Read more

angularjs - Select Grouping Row in ag-Grid

I'm wondering if there's a way to select the "Grouping" row in ag-grid.For example, in the example shown on the website:http://www.ag-grid.com/angular-grid-grouping/index.phpYou can set the "rowSelection" parameter to "single" in order to highlight an entire row at the lowest node. However, that does not allow you to highlight the "Country" row.In the example, the only way to do this is to "select all" the elements below that row.Thanks!...Read more

angularjs - Using ag-grid, how can I get the `api` attribute to not be null when working with angular 1.5 and directives?

Disclaimer First, I'd like to note I'm completely new to Angular so I am probably doing something wrong / dumb. I have finally come to the point where I'm not sure what else to try.ContextI an working on a project where I need to have a grid that can contain nested or grouped columns. The site is also being built in AngularJS 1.5.9. One of the features of the grid is to be able to hide or show a set of columns in the grid based on user selections. Also, in using AngularJS I am trying to stick with directives as it makes the components a bit eas...Read more

angularjs - how to make pinning of column off in ag-grid on first time load?

I have ag-grid configuration where pinning of column in on by default.I want to off pinning of column.$scope.gridOptions = { columnDefs: columnDefs, rowData: null, angularCompileRows: true, enableSorting: true, enableColResize: true, enableFilter: true, rowHeight: 35, rowSelection: 'single', onSelectionChanged: onSelectionChanged, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, overlayLoadingTemplate: '<span c...Read more

angularjs - Clear filter in ag-grid on tab changed

I have default filter and custom filter for ag-grid . I want to clear filter on tab change.$scope.gridOptions = { columnDefs: columnDefs, rowData: null, angularCompileRows: true, enableSorting: true, enableColResize: true, enableFilter: true, rowHeight: 35, rowSelection: 'single', onSelectionChanged: onSelectionChanged, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, overlayLoadingTemplate: '<span class="ag-ov...Read more

angularjs - agGrid : custom header column binding not working

I'm currently trying to add an angular directive in agGrid header. For that i passed a function in headerCellRenderer as following : My gridOptions :this.columnDefs = [ {headerName: "Height", field: "rowHeight"}, {headerName: "Athlete", field: "athlete", width: 180}, {headerName: "Age", field: "age", width: 90}, {headerName: "Country", field: "country", width: 120}, {headerName: "Year", field: "year", width: 90}];this.gridOptions = { columnDefs: this.columnDefs, rowData: null, //enableSorting: true, headerHeight: 60, ...Read more

angularjs - Could not find ag-grid-angular/main folder in node_modules

We are integrating ag-grid in angular 4Below are the dependencies in package.json"ag-grid": "10.0.x","ag-grid-angular": "10.0.x"did npm install it downloaded above modules without main folderand from app.module.ts - we have added import {AgGridModule} from "ag-grid-angular/main"; - in every refereence example we are seeing this line but there is no main folder in library.error:"(SystemJS) XHR error (404 Not Found) loading http://localhost:3000/ag-grid-angular/main please suggest...Read more

angularjs - i can't install angular cli on my mac

I get below error while installing angular-cli on my maccurrent versions:npm-5.6.0node-v8.9.4npm WARN saveError ENOENT: no such file or directory, open '/Users/macname/package.json'npm WARN enoent ENOENT: no such file or directory, open '/Users/macname/package.json'npm WARN vinayak No descriptionnpm WARN vinayak No repository field.npm WARN vinayak No README datanpm WARN vinayak No license field.When I try to check current version of cli using ng -v I get the following error:ng: command not foundthe follow details of my installing angular-cli,p...Read more