2014-12-24 38 views
0

任何一个可以建议我最好Angularjs表,以满足下列要求: 1.它应该是很简单的控制器编译像需要独特Angularjs表是简单的控制器来编译和需要支持分组

var template = ' <div class="table-container"> <smart-table config="globalConfig" columns="columnCollection" rows="rowCollection"></smart-table> </div> ' 

    angular.element(document.querySelector('.body')).append($compile(template)($scope)); 
  1. 它应该支持列分组以及各个组的总和和总列总和。

  2. 表标题必须使用模型值(https://github.com/esvit/ng-table/issues/468

最初我使用智能表,即使它很容易在控制器进行编译,它不支持分组被动态设置。所以我转向了ngTable。在ngTable中,即使支持列分组,在控制器中编译模板也不像智能表那样简单,并且很难根据模型值动态设置标题(https://github.com/esvit/ng-table/issues/468)。所以现在我正在寻找完全满足所有这些标准的单个Angular js表。

现在我打算转移到ngGrid/UI网格,即使模板编译在这里变得更容易,但我在论坛中看到分组在这方面是个问题。任何人都可以提出任何Angularjs表来满足我的要求吗?

回答

0

使用ngGrid可以很好地进行分组。我会极力推荐它。但是,uiGrid尚未实现分组(这是ngGrid &的下一次迭代,目前处于alpha版)。

+0

是否有任何示例代码使用ng网格获得分组总和?在官方网站上我只看到了简单的分组示例。根据模型值动态设置标题怎么样?是否可以在网格中使用。 –

+0

对于小计,我确定您可以为每列添加小计。但是,我从来没有尝试添加基于分组的小计。这可能会指出你在正确的方向:http://stackoverflow.com/questions/16015088/how-to-set-aggregation-with-grouping-in-ng-grid。对于标题(又名列标题),您可以随时动态更改它们。你可以改变一个特定的列标题或者使用类似下面的方法迭代所有的列标题:'$ scope.gridOptions.columnDefs [i] .displayName = newColumnHeader'。 – nairys

+0

请找到我的运动员,http://plnkr.co/edit/ZyS8FgzvXsSwAkNiaOdq?p=preview。在这里,我想要删除所有月份列(月5日,月6日,月7日...等)和花费的列标题必须替换为其月份,即,而不是列标题花5,我需要有6-14,在花费的地方5,同样的标题花6应该是7-14,花7应该是8-14,等等是否有可能实现这一目标? –