Angular ng-grid/ui-grid 在视图中实现视图逻辑答案

【问题标题】：Angular ng-grid/ui-grid implementing view logics inside viewsAngular ng-grid/ui-grid 在视图中实现视图逻辑
【发布时间】：2014-12-26 01:56:33
【问题描述】：

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

而且，ng-grid 有很多功能，非常适合我们的要求。但我也想要以下两个选项。是否可以从 ng-grid 实现？

我的网格中有列数（大约 40）。大多数列数据需要在单元格中格式化。例如：添加链接，更改日期格式，使用工具提示减少内容的长度..等等，在这里，我不能在视图中做这些事情。但是这个在 ng-table 中处理得很好。

如果我不能在视图中执行此操作，那么我的 javascript（使用回调）代码将会增加。我不想要这种方式，因为 Angular 完美地做动态视图。

另外，我希望标题格式、过滤器格式、行格式应该在视图内完成。

我们的应用程序应该适用于所有设备。但如果我在平板电脑设备中查看我的应用程序，ng-grid 的响应速度将不快。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

阿西克，

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

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

查看教程页面，了解功能的强大功能。

【讨论】：