javascript - Angular UI 网格 FooterCellTemplate 不起作用

Question

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

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

这是我的用户界面网格列定义:

{ 
    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;"