javascript - Angular UI Grid FooterCellTemplate 不起作用

Question

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

如您所见，某些列页脚模板没有显示，我有相同的 footerCellTemplate 实现

这是我的 ui 网格 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

我已经通过刷新网格解决了它。感谢您的回复！