ng-grid中的子网格

时间:2014-02-19 05:22:19

标签: angularjs ng-grid

我刚开始使用angularjs。只是想知道如果可以在另一个ng-grid内创建一个子网格。在网格的列中会有一些链接,当我点击一个特定的链接时,应该在已经存在的网格内部形成与该链接相对应的网格。原始网格将有5列,而新网格将说4列。因此,我所寻找的就是colspan或类似的东西。

2 个答案:

答案 0 :(得分:1)

如果您愿意编写Angular Directive,那么除了具有子网格功能的ng-grid之外,您可以使用任何网格。

我知道Kendo Grid具有子网格功能,而jqgrid具有子网格功能。我使用Google Closure库编写了Grid,这也有子网格功能。

答案 1 :(得分:0)

如果我理解你的问题,你需要像网格内的主/细节这样的东西,它不是基本功能的一部分。 nggrid具有固定的行高,用于虚拟滚动目的。在我们的项目中,我们基于nggrid

创建了自定义网格插件

我们使用的解决方案是:

  1. 编写自定义排序功能,该功能在主

  2. 下方填充重复的行
  3. 当我们点击展开按钮时,我们复制当前行n次取决于子网格高度

  4. 在主行中我们创建了隐藏重复行的css覆盖容器

  5. 通过ajax加载覆盖容器内容

  6. 当我们点击隐藏按钮时,我们会隐藏叠加层,并删除重复的行。

相关问题