对于阅读这篇文章的人:帮自己一个忙，远离ng-grid。充满了bug(真的..几乎库的每个部分都被破坏了)，开发人员已经放弃了对2.0的支持。为了在3.0中工作，X分支还远远没有准备好。自己解决问题不是一件容易的事情，ng-grid代码并不小，也不简单，除非你有很多时间，并且对angular和js有很深的了解，否则这将是一项艰巨的任务。

总结:充满bug，最后一个稳定版本已经被放弃。

github上满是pr，但它们被忽略了。如果你在2。X分支关闭了。

我知道这是一个开源项目，抱怨可能听起来有点不合时宜，但从一个寻找库的开发人员的角度来看，这是我的观点。在一个大型项目中，我花了很多时间使用ng-grid，而这些headcached从来没有结束过

剑道网格和Wijmo一样好。我知道Kendo的数据源有Angular绑定，Wijmo也有Angular插件。不过，它们都不是免费的。

你可以使用bootstrap类并使用ng-repeat指令建立一个表

例子:

angular.module('App', []); function ctrl($scope) { $scope.items = [ ['A', 'B', 'C'], ['item1', 'item2', 'item3'], ['item4', 'item5', 'item6'] ]; } <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="App"> <div ng-controller="ctrl"> <table class="table table-bordered"> <thead> <tr> <th ng-repeat="itemA in items[0]">{{itemA}}</th> </tr> </thead> <tbody> <tr> <td ng-repeat="itemB in items[1]">{{itemB}}</td> </tr> <tr> <td ng-repeat="itemC in items[2]">{{itemC}}</td> </tr> </tbody> </table> </div> </div>

生活例子: http://jsfiddle.net/choroshin/5YDJW/5/

更新:

或者你可以尝试流行的ng-grid, ng-grid很适合排序、搜索、分组等，但我还没有在大规模数据上测试过。

对于“数千行”，您最好的选择显然是进行服务器端分页。当我查看不同的AngularJs表格/网格选项时，有三个明显的最爱:

ng-grid ng-table Smart-Table

这三个都很好，但实现方式不同。你选择哪一个可能更多的是基于个人喜好，而不是其他因素。

ng-grid可能是最著名的，因为它与angular-ui有关联，但我个人更喜欢ng-table，我真的很喜欢他们的实现和你使用它的方式，他们有很好的文档和示例，并且正在积极改进。

Adapt-Strap。这是小提琴。

它非常轻，并具有动态行高。

<ad-table-lite table-name="carsForSale"
               column-definition="carsTableColumnDefinition"
               local-data-source="models.carsForSale"
               page-sizes="[7, 20]">
</ad-table-lite>

对于阅读这篇文章的人:帮自己一个忙，远离ng-grid。充满了bug(真的..几乎库的每个部分都被破坏了)，开发人员已经放弃了对2.0的支持。为了在3.0中工作，X分支还远远没有准备好。自己解决问题不是一件容易的事情，ng-grid代码并不小，也不简单，除非你有很多时间，并且对angular和js有很深的了解，否则这将是一项艰巨的任务。

总结:充满bug，最后一个稳定版本已经被放弃。

github上满是pr，但它们被忽略了。如果你在2。X分支关闭了。

我知道这是一个开源项目，抱怨可能听起来有点不合时宜，但从一个寻找库的开发人员的角度来看，这是我的观点。在一个大型项目中，我花了很多时间使用ng-grid，而这些headcached从来没有结束过