AngularJS ng-grid 对整个数据进行分页排序

AngularJS ng-grid是一个强大的网格插件，可以实现对整个数据进行分页和排序的功能。它提供了丰富的特性，使得数据的展示和管理变得简单高效。本文将介绍如何使用AngularJS ng-grid来实现数据的分页和排序，并提供一个案例代码来演示其用法。

javascript
var data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Alice' },
  { id: 3, name: 'Bob' },
  // 更多数据...
];

html
  
  
  
  
    
  

javascript
angular.module('myApp', ['ui.grid'])
  .controller('myCtrl', function($scope) {
    $scope.gridOptions = {
      data: data, // 数据源
      paginationPageSize: 5, // 每页显示的数量
      enableSorting: true, // 是否启用排序
      enableFiltering: true, // 是否启用过滤
      columnDefs: [
        { name: 'id' },
        { name: 'name' }
      ]
    };
  });

javascript
var data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Alice' },
  { id: 3, name: 'Bob' },
  // 更多数据...
];
angular.module('myApp', ['ui.grid'])
  .controller('myCtrl', function($scope) {
    $scope.gridOptions = {
      data: data,
      paginationPageSize: 5,
      enableSorting: true,
      enableFiltering: true,
      columnDefs: [
        { name: 'id' },
        { name: 'name' }
      ]
    };
  });