AngularJS树网格的最佳选择

一段时间以来，我一直在寻找一个与AngularJS很好的树形网格，并没有太多的运气。

我的要求是：@H_404_2@

>使用方便
看起来不错
>支持拖放
>可以处理大量的数据10000(即10000行的分页/懒惰滚动)
>可以在表中显示分层数据(即列/排序)
>免费/便宜@H_404_2@

接近的项目：@H_404_2@

> Sencha Tree Grid@H_404_2@

>看起来不是很好玩AngularJS
>显然，一个缓冲树模块可以帮助处理1000或行@H_404_2@

> angular-ui-tree@H_404_2@

>关闭，但不支持开箱即用的列功能
>不处理大数据，但是Michael Bromley的dirPaginate指令可以解决这个问题@H_404_2@

> tree-grid-directive@H_404_2@

看起来不错(适合自举)
>有列
>但是不容易分页/懒加载@H_404_2@

好吧，所以给别人一定要解决这个问题，我的问题是：@H_404_2@

什么是最好的办法呢？@H_404_2@

有没有一个涵盖所有基础的项目？
或者也许有一个简单的方法来适应其中的一个是一个懒惰的树网格…@H_404_2@

IgniteUI Tree Grid(不要与丑的 Hierarchical Grid混淆)

虽然不完美，这似乎是一个合理的选择。@H_404_2@

优点@H_404_2@

看起来不错
>有几个插件用于排序，过滤，分页，固定等
>通过倾听扩展事件(可能还有InfragisticsLoader)可以整合儿童的懒惰加载@H_404_2@

缺点@H_404_2@

>没有开箱即用的AngularJS集成
>“无限滚动”开箱即用@H_404_2@

它也很简单的使用：@H_404_2@

$("#treegrid").igTreeGrid({
    width: "100%",dataSource: data,primaryKey: "employeeID",columns: [
        { headerText: "Employee ID",key: "employeeID",dataType: "number" },{ headerText: "Name",key: "name",dataType: "string" }
    ]
});

我在这里创建了一个示例jsFiddle：http://jsfiddle.net/immersion/qggbs0s6/@H_404_2@

AngularJS树网格的最佳选择

猜你在找的Angularjs相关文章