Angular UI Grid FooterCellTemplate funktioniert nicht

Question

Ich habe einige Probleme auf meiner benutzerdefinierten Footer-Zellenvorlage.

As you can see, some of the column footer templates are not showing up, I have identical implementation of footerCellTemplate

Das ist mein ui Gitter columndef:

{ 
    name: 'TRAN_TYPE', 
    footerCellTemplate: '<div class="ui-grid-cell-contents">Total/Average</div>' 
}, 
{ 
    name: "ISSUED", 
    footerCellTemplate: '<div class="ui-grid-cell-contents">{{grid.appScope.Aggregator.AVG_CUST_TIME}}</div>'     
}, 
{ 
    name: 'SERVED', 
    footerCellTemplate: '<div class="ui-grid-cell-contents" style="background-color: Red;color: White">custom template</div>' 
}, 
{ 
    name: 'UNPROCESSED', 
    footerCellTemplate: '<div class="ui-grid-cell-contents" style="background-color: Red;color: White">custom template</div>' 
}, 

Jede Hilfe wäre toll. Vielen Dank!

Answer 1

Ich denke setzen (Semikolon) ; Ende des CSS-Attributs in GEDIENTE und UNVERARBEITETEM Spalte

style="background-color: Red;color: White;" 

Answer 2

Ich habe beschlossen, durch das Raster zu aktualisieren. Danke für die Antworten!