I can't seem to get any paging or column re-sizing working in the new ngGrid (ui-Grid) rc build v3.0.0-rc.11. It should be really straight forward according to this example: http://ui-grid.info/docs/#/tutorial/401_AllFeatures
For my main div, if I do this:
<div ui-grid="productGridOptions" ui-grid-resize-columns class="uiGridProducts">
and in my controller do this:
$scope.productGridOptions={};
$scope.productGridOptions.enableColumnResizing = true;
$scope.productGridOptions.enableFiltering = false;
$scope.productGridOptions.enablePaging = true;
$scope.productGridOptions.pagingOptions = {
pageSizes: [250, 500, 1000],
pageSize: 250,
currentPage: 1
};
$scope.productGridOptions.rowIdentity = function(row) {
return row.id;
};
$scope.productGridOptions.getRowIdentity = function(row) {
return row.id;
};
$scope.productGridOptions.data = 'products';
//The options for the data table
$scope.productGridOptions.columnDefs = [
{ name:'ID', field: 'id' },
{ name:'Product', field: 'productName' },
{ name:'Active Ing.', field: 'activeIngredients'},
{ name:'Comments', field: 'comments' }
];
prProductService.getProducts().then(function(products) {
$scope.products = products;
});
Neither paging or column resizing work. There are no paging examples on the ui-grid tutorial, so assume it is similar to ngGrid, but its column resizing which I really need at the moment.
Regards
i
Well for column resizing, thanks to this link
http://technpol.wordpress.com/2014/08/23/upgrading-to-ng-grid-3-0-ui-grid/
apparently you have to add 'ui.grid.resizeColumns' as a dependency into your app module, and just use the ui-grid-resize-columns tag in the div (as I am doing)...
I removed the code
$scope.productGridOptions.enableColumnResizing = true;
And column resizing is working now....
Now on to paging.
Regards
i