angular grid

最新推荐文章于 2024-05-24 09:53:22 发布

花梨-o-

最新推荐文章于 2024-05-24 09:53:22 发布

阅读量731

点赞数

分类专栏： angular

angular 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

原文：http://dailyjs.com/2015/03/31/angular-grid-react-native/

Niall Crosby 在github 上发布了一款angular 表格插件（GitHub: ceolter/angular-grid, License: MIT）。它支持排序、过滤、列大小、css主题、搜索等功能。甚至还扩展了一个单元格渲染文件视图的列子。

example：

 module.controller('tableController', function($scope, $http) {
  var columnDefs = [
    { displayName: 'Athlete', field: 'athlete', width: 150 },
    { displayName: 'Age', field: 'age', width: 90 },
    { displayName: 'Country', field: 'country', width: 120 },
    { displayName: 'Year', field: 'year', width: 90 },
    { displayName: 'Total', field: 'total', width: 100}
  ];

  $scope.gridOptions = {
    columnDefs: columnDefs,
    rowData: []
  };

  $http.get('olympicWinners.json')
    .then(function(res){
      $scope.gridOptions.rowData = res.data;
      $scope.gridOptions.api.onNewRows();
    });
});

更多例子： documentation for Angular Grid.