javascript - rowGrouping 中的 fnRowCallback 不起作用

Question

我的代码是这样的:

    ... 

    .rowGrouping({
                bExpandableGrouping: false,
                iGroupingColumnIndex: 2,
                bHideGroupingColumn: true,
                asExpandedGroups: [""],

                "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {                  
                      $("td.group").css({
                           "background-color": aData.colour,
                      });
                }
    });

    ...

我需要 fnRowCallback 因为我想获取 colour 参数。但它不起作用。

Answer 1

CAUSE

参见my answer关于行分组的另一个问题。一般来说，不再建议使用Row Grouping插件。

它对您不起作用，因为 fnRowCallback 是 jQuery DataTables 插件的选项，而不是行分组插件，请参阅 list of options用于行分组插件。

SOLUTION

使用CSS规则来定位类.group的行

.dataTable tr.group {
   background-color:#CCC;
}

如果您需要动态设置分组行颜色，可以使用分组完成时调用的fnOnGrouped回调，分析分组并适本地为其着色。

fnOnGrouped: function(groups){
    console.log("Groups", groups);

    for(key in groups){
       if(groups.hasOwnProperty(key)){
           $(groups[key].nGroup).css('background-color', '#F99');
       }
    }                   
}

DEMO

参见this jsFiddle用于代码和演示。