单击行dc.datable时如何更改颜色而不会丢失过滤

Question

我有以下问题， 当我点击dc.js中的表格行而不会丢失已完成的过滤时，我想用另一种颜色标记背景。

我注意到了命令

dc.redrawAll();

不允许填充行的底部，但是如果我将其删除，则在单击时我将无法过滤其他图形。

tabla.on('pretransition', function (table) {
                 table.selectAll('td.dc-table-column')
                                .on('click',function(d){
                if(filterKeys.indexOf(d.key)===-1)
                  filterKeys.push(d.key);
                else
                  filterKeys = filterKeys.filter(k => k != d.key);
                if(filterKeys.length === 0)
                  foodim.filter(null);
                else 
                    foodim.filterFunction(function(d) {
                    return filterKeys.indexOf(d) !== -1;
                  })
                 //dc.redrawAll();
                });


     table.selectAll('tr.dc-table-row')
                .on('click',function(d){

                     console.log($(this))
                    if($(this).hasClass('bg-info')){
                        $(this).removeClass('bg-info'); 
                } else {
                    $(this).addClass('bg-info').siblings().removeClass('bg-info');
                }
                 })

});

是的，请有人帮帮我。 https://jsfiddle.net/ajey2987/kfmfkLj0/18/