Angular UI Grid FooterCellTemplate无法正常工作

Question

我的自定义页脚单元格模板存在一些问题。

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

这是我的ui grid 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>' 
},

任何帮助都会很棒。谢谢！

Answer 1

我认为在SERVED和UNPROCESSED列中放入（分号）; css属性的结尾

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

Answer 2

我通过刷新网格解决了这个问题。感谢您的回复！