如何更改角度 slickgrid 中组标题行的背景颜色？

【问题标题】：How to change background color of group header row in angular slickgrid?如何更改角度 slickgrid 中组标题行的背景颜色？
【发布时间】：2020-10-30 06:20:07
【问题描述】：

[slickgrid 中的分组] 需要对分组标题行应用不同的背景颜色。它没有特定的 css 类...我已经尝试了所有方法，请提出一些解决方案

(https://i.stack.imgur.com/2mAI0.png)

【问题讨论】：

标签： angular9 slickgrid angular-slickgrid

【解决方案1】：

看来组头的html是：

<div class="ui-widget-content slick-row odd slick-group slick-group-level-0" style="top:75px">
  <div class="slick-cell l0 r6 cell-selection">
    <span class="slick-group-toggle expanded" style="margin-left:0px"></span>
    <span class="slick-group-title" level="0">Title:  Task 1  
      <span style="color:green">(1 items)</span>
    </span>
 </div>
</div>

所以添加一些 css 到 'slick-group' 类应该可以解决问题

【讨论】：

【解决方案2】：

为标题行添加随机颜色 -

let row = document.getElementsByClassName("slick-row") as HTMLCollectionOf<HTMLElement>;

for (var i = 0; i < row.length; i++) {
    row[i].style.background = this.rowColor();
}

rowColor() {
    var r = ('0' + (Math.random() * 255 | 0).toString(16)).slice(-2),
        g = ('0' + (Math.random() * 255 | 0).toString(16)).slice(-2),
        b = ('0' + (Math.random() * 255 | 0).toString(16)).slice(-2);
    return '#' + r + g + b;
}

【讨论】：