官方网址: http://ui-grid.info/
github: https://github.com/angular-ui/ng-grid
Example: http://ui-grid.info/docs/#/tutorial/401_AllFeatures
该组件属于大名鼎鼎的angular-ui项目, 功能强大,除了常见的一些基本功能外,还加入了一些高级功能:
Standard Features
- Sorting
- Filtering
- User interaction
Advanced Features
- Virtualization
- Column pinning
- Grouping
- Edit in place
- Expandable rows
- Internationalisation
推荐指数 4颗星
官方网址: http://bazalt-cms.com/ng-table/
github: https://github.com/esvit/ng-table
Example: http://bazalt-cms.com/ng-table/example/23
一个简单不错的Angular table组件,轻松满足你的基本功能,github上有1300多个star和400多个fork,说明它还是蛮流行的嘛!
推荐指数 4颗星
官方网址: http://lorenzofox3.github.io/smart-table-website/
github: https://github.com/lorenzofox3/Smart-Table
Example: http://lorenzofox3.github.io/smart-table-website/#examples-section
Smart Table也算是一个不错选择,相比其他,它轻量,支持插件,易于扩展。
推荐指数 4颗星
官方网址: http://l-lin.github.io/angular-datatables/
github: https://github.com/l-lin/angular-datatables
Example:http://l-lin.github.io/angular-datatables/#/zeroConfig
Angular-Datatables是将jquery datatables 通过angular的方式封 装成指令,所以它具备jquery datatables的特点,功能强大,API不太好用
推荐指数 3颗星
官方网址:http://adaptv.github.io/adapt-strap/##tablelite
github:https://github.com/Adaptv/adapt-strap
Example: http://adaptv.github.io/adapt-strap/##tablelite
tablelite是作为adapt-strap项目的一部分,建议如果你的项目需要用到bootstrap的时候再去使用它。
推荐指数 3颗星
官方网站: http://www.telerik.com/kendo-ui
github: https://github.com/kendo-labs/angular-kendo
Example: http://kendo-labs.github.io/angular-kendo/
kendo UI是一套完整的UI解决方案,它支持Angular化,它的grid功能异常强大,如果你不缺钱的话,它将是一个不错的选择。
推荐指数 3颗星
如果你的grid只是简单排序,分页和过滤的话,我的建议是自己实现或者选择smart-table,一个例子http://codepen.io/bryanschoeff/pen/cuBvd/,有兴趣试试
推荐指数 5颗星
best-way-to-represent-a-grid-or-table-in-angularjs-with-bootstrap-3