原文: 103 Filtering 简单设置 UI-Grid能够行筛选。需要在 grid options中设置enableFiltering标识(默认是关闭状态)。 在 column def中设置enableFiltering :false 可以禁用该列的过滤。参看下面例子中的“company”列。 在 column def中可以通过filter: { term: ‘xxx’ } 设置筛选选项。可以参看下面例子中的 “gender” 列。如果columnDef的filter没有设置筛选选项,那么 阅读更多…

原文:102Sorting UI-Grid 默认允许排序。可以在grid options 中设置enableSorting 标签来 启用和关闭它。 注意:可以通过访问列菜单来排序列。如果希望菜单有下拉的效果必须引入ngAnimate,但在项目中不是必须引入的。 在columnDefs中可以通过设置 enableSorting: false 来禁用排序。可以看下面例子中的最后一列。 可以通过shift+click同时选中2列排序。 在使用菜单进行排序时,类别是添加的。因此,如果有一列排序,然后又选 阅读更多…

原文:101 intro to UI-Grid UI-Grid 3.0 (原 ng-grid)是一个不依赖于其他AngularJS,完全独立的 angular 表格系统。它围绕表格的核心设计模块和功能,功能的分层就像是angular的模型和指令。这些让它的核心代码小而精,并且能让你使用它来实现复杂的功能。 在核心模块中,可以获得: – 虚拟的行和列,视图中可见的行和列才会显示 – 绑定单元格一系列属性和方法 – 列的排序有三种状态:Asc, Desc, Non 阅读更多…