角度ng-grid / ui-grid在视图内部实现视图逻辑

时间:2014-10-30 05:54:27

标签: javascript angularjs twitter-bootstrap grid

我正在尝试使用角度js创建具有高级功能(过滤器,可重新调整大小,滚动,固定标题,行格式,单元格格式)的网格。我已阅读以下网格文档。

并且,ng-grid具有许多功能,非常适合我们的要求。但我也想要以下两个选项。是否有可能从ng-grid实现?

  • 格式

我的网格中有多列(约40个)。大多数列数据需要在单元格中进行格式化。例如:添加链接,更改日期格式,使用tooltip..etc减少内容的长度。在这里,我无法在视图中执行此操作。但这个在ng-table中完美处理。

如果我不能在视图中执行此操作,那么我的javascript(使用回调)代码将会增加。我不希望这样,因为角度完美地做动态视图。

另外,我想要Header格式化,过滤格式化,行格式化应该在视图内完成。

  • 使用Bootstrap响应

我们的应用程序应该适用于所有设备。但是如果我在平板电脑设备中查看我的应用程序,则ng-grid无法正常响应。

2 个答案:

答案 0 :(得分:2)

我正在处理以下网格angular grid - 具有您提到的功能。与ui-grid类似,它的基本界面,但不同的方式,包括如何定制网格。您可以在列和单元格级别添加CSS样式,也可以提供自己的自定义单元格渲染器以进行完全控制。

答案 1 :(得分:0)

阿西克,

项目 Angular-UI ng-Grid 重命名为 UI-Grid ,并将网站更改为http://ui-grid.info。< / p>

现在它是纯粹的AngularJS,没有jQuery,使用Bootstrap 3 LESS,它的全部功能可满足您的需求。

查看教程页面以检查功能的强大功能。