小编典典

使用 Bootstrap 3 在 AngularJS 中表示网格或表格的最佳方式?

all

我正在使用 AngularJS 和 Bootstrap 3 创建一个应用程序。我想显示一个包含数千行的表格/网格。具有排序、搜索、分页等功能的
AngularJS 和 Bootstrap 的最佳可用控件是什么?


阅读 84

收藏
2022-04-29

共1个答案

小编典典

在尝试了 ngGrid、ngTable、trNgGrid 和Smart
Table
之后,我得出的结论是,Smart
Table
是迄今为止最好的 AngularJS-
wise 和 Bootstrap-wise
实现。它的构建方式与您使用标准角度构建自己的幼稚表完全相同。最重要的是,他们添加了一些指令来帮助您进行排序、过滤等。他们的方法也使得扩展自己变得非常简单。他们对表格使用常规的
html 标记,对行使用标准的 ng-repeat,对格式化使用标准引导程序,这一事实使这成为我的明显赢家。

他们的 JS 代码依赖于 Angular,如果你愿意,你的 html 可以依赖于 bootstrap。JS 代码总共 4
kb,如果你想占用更小的空间,你甚至可以轻松地从那里挑选东西。

其他网格会让您在不同区域出现幽闭恐惧症,而 Smart Table 只是感觉开放且切中要害。

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

不要错过智能表

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

2022-04-29