Regroupement de lignes pour les grid de Angularjs (ui-grid)

Bonjour,

j'utilise les grid de Angularjs (ui-grid)

Voici ma grid :
Code:

1 2 3 4 5 6 7 Header A ! HeaderB ! HeaderC ! HeaderD value1 ! ! value3 ! value4 value1 ! value5 ! value3 ! value4 value1 ! value6 ! value3 ! value4 value1 ! value7 ! value3 ! value4
Je veux faire un grouping à partir du header A. Le problème c'est que je veux remonter les valeurs communes des colonnes HeaderC et HeaderD dans la ligne de grouping comme ceci
Code:

1 2 3 4 5 6 7 Header A ! HeaderB ! HeaderC ! HeaderD value1 ! ! value3 ! value4 ! value5 ! ! value6 ! ! value7 !
J'ai pensé à utiliser une fonction d'aggrégation mais je ne sais pas comment m'y prendre. Merci d'avance pour vos suggestions

Bonjour,

j'ai trouvé une solution sur internet mais qui n'est pas testé

la definition de ma colonne où j'utilise une fonction d'aggrégation et un template pour ma colonne :

Code:

1
2
3
 
columnDefs: [
      { name: 'a',field: 'a', displayName: 'A' , width: '2%' , treeAggregationType: uiGridGroupingConstants.aggregation.MAX, cellTemplate: '<div class="ui-grid-cell-contents" > <fakemax val="{{COL_FIELD}}" /></div>'},

la directive pour le template de ma colonne:

Code:

1
2
3
4
5
6
7
8
9
 
var phonecatApp = angular.module('phonecatApp', ['ngAnimate', 'ngTouch', 'ui.grid', 'ui.grid.grouping']);
phonecatApp.directive('fakemax', function () {
    return function(scope, iElement, iAttrs) {
        var value = iAttrs.val;
        value = value.replace("max:", "");
        iElement[0].innerHTML = value;
    }
});

Sans utiliser Ng-Grid, on peut générer son tableau HTML avec une balise <table> dans un ng-repeat.
Ensuite, on peut ajouter des filtres dans le Ng-repeat. C'est peut être plus facile à gérer qu'un module externe.

Bonsoir MoumouteMaster et merci pour ta réponse

finalement, j'ai utilisé un filtre "rawValue" qui remplace "max : valeur" par "valeur" et mon template devient
Code:

1 2 cellTemplate: '<div class="ui-grid-cell-contents" > {{COL_FIELD | rawValue }} /></div>'
ça marche