如何解决如何更改Angular Slickgrid中组标题行的背景颜色?
[在slickgrid中分组]需要将不同的背景色应用于分组标题行。 没有特定的CSS类...我已经尝试了所有方法,请提出一些解决方案
(https://i.stack.imgur.com/2mAI0.png)
解决方法
似乎组标题的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>
因此,在“ slick-group”类中添加一些CSS应该可以解决问题
,为标题行添加随机颜色-
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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。