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 vs ui-grid. The answer is ag-Grid. For reference, these are the sites: ag-Grid, ui-grid, slick-grid All grids are … Read more
You need to download the font files: ui-grid.woff ui-grid.eot ui-grid.svg ui-grid.ttf from here. And move them where your ui-grid.min.css lives.
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 (and ui.grid.selection module registration in your app register gridApi and use gridApi.selection to access getSelectedRows()
var app = angular.module(‘app’, [‘ngTouch’, ‘ui.grid’, ‘ui.grid.infiniteScroll’]); app.controller(‘MainCtrl’, function ($scope, $http, $timeout) { var vm = this; vm.gridOptions = { infiniteScrollRowsFromEnd: 40, infiniteScrollUp: true, infiniteScrollDown: true, columnDefs: [ { name:’id’}, { name:’name’ }, { name:’age’ } ], data: ‘data’, onRegisterApi: function(gridApi){ gridApi.infiniteScroll.on.needLoadMoreData($scope, getDataDown); gridApi.infiniteScroll.on.needLoadMoreDataTop($scope, getDataUp); vm.gridApi = gridApi; } }; $scope.data = []; vm.firstPage = … Read more
According to http://ui-grid.info/docs/#/tutorial/305_appScope, the grid has its own isaloted scope, so you need to use grid.appScope to access your application scope. The solution is to change the cell template to: cellTemplate: ‘<div>{{ “hello ” + grid.appScope.world() }}</div>’
I use ui-grid – v3.0.0-rc.20 because a scrolling issue is fixed when you go full height of container. Use the ui.grid.autoResize module will dynamically auto resize the grid to fit your data. To calculate the height of your grid use the function below. The ui-if is optional to wait until your data is set before … Read more
After trying out ngGrid, ngTable, trNgGrid and Smart Table, I have come to the conclusion that Smart Table is by far the best implementation AngularJS-wise and Bootstrap-wise. It is built exactly the same way as you would build your own, naive table using standard angular. On top of that, they have added a few directives … Read more