首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >用Bootstrap 3在AngularJS中表示网格或表的最好方法?

用Bootstrap 3在AngularJS中表示网格或表的最好方法?
EN

Stack Overflow用户
提问于 2014-01-27 15:22:05
回答 3查看 390.3K关注 0票数 285

我正在使用AngularJS和Bootstrap 3创建一个应用程序。我想要显示一个包含数千行的表格/网格。对于AngularJS和Bootstrap来说,最好的控件是什么,比如排序,搜索,分页等。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-09-09 06:33:49

在尝试了ngGrid、ngTable、trNgGrid和Smart Table之后,我得出的结论是,Smart Table是目前为止AngularJS和Bootstrap方面最好的实现。它的构建方式与您使用标准angular构建自己的初级表的方式完全相同。最重要的是,他们添加了一些指令来帮助你进行排序,过滤等。他们的方法也使得扩展你自己变得非常简单。他们对表格使用常规的html标签,对行使用标准的ng-repeat,对格式使用标准的bootstrap,这显然是我的赢家。

他们的JS代码依赖于angular,而您的html可以依赖于bootstrap,如果您愿意的话。JS代码总共有4kb,如果您想要达到更小的占用空间,您甚至可以轻松地从中挑选内容。

其他网格会在不同的区域给你幽闭恐惧症,Smart Table给人的感觉是开放和切中要害。

如果您严重依赖内联编辑和其他高级功能,例如,使用ngTable可能会更快地启动和运行。但是,您可以很容易地在Smart Table中添加这些功能。

不要错过Smart Table

我与Smart Table没有任何关系,除了我自己使用它。

票数 224
EN

Stack Overflow用户

发布于 2014-08-07 23:14:28

Adapt-Strap。这是fiddle

它非常轻巧,并且具有动态的行高。

代码语言:javascript
复制
<ad-table-lite table-name="carsForSale"
               column-definition="carsTableColumnDefinition"
               local-data-source="models.carsForSale"
               page-sizes="[7, 20]">
</ad-table-lite>
票数 8
EN

Stack Overflow用户

发布于 2014-04-17 12:45:03

Kendo grid和Wijmo一样好。我知道Kendo为他们的数据源提供了Angular绑定,我认为Wijmo有一个Angular插件。然而,两者都不是免费的。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21375073

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档