Php 如果数据动态更改,如何修复HTML中表格行的背景色(静态)?

Php 如果数据动态更改,如何修复HTML中表格行的背景色(静态)?,php,html,css,background-color,Php,Html,Css,Background Color,我有一个订单表,订单在其中进出,我必须固定整行的背景色(我的意思是每三行的背景色在循环中变化)。 例如: #命令tr:n子项(3n+3){ 背景:e7eff6; } #订单tr:n个子项(3n+4){ 背景:#d0e1f9; } #订单tr:n个子项(3n+2){ 背景:adcbe3; } 但是有一个问题,因为如果一个订单正在进入或者一个订单正在被取消和退出,那么行的背景颜色将会改变,但是我必须修复它,并保持最初得到的颜色 因此,我需要分离行,不需要使用背景颜色,但如果数据动态变化,则必须将其

我有一个订单表,订单在其中进出,我必须固定整行的背景色(我的意思是每三行的背景色在循环中变化)。 例如:

#命令tr:n子项(3n+3){
背景:e7eff6;
}
#订单tr:n个子项(3n+4){
背景:#d0e1f9;
}
#订单tr:n个子项(3n+2){
背景:adcbe3;
}
但是有一个问题,因为如果一个订单正在进入或者一个订单正在被取消和退出,那么行的背景颜色将会改变,但是我必须修复它,并保持最初得到的颜色

因此,我需要分离行,不需要使用背景颜色,但如果数据动态变化,则必须将其固定

有人有主意吗?

加载后,您可以使用JS中的模数%设置行的背景色。 例如,如果您的表具有id=tableId,则可以运行类似的操作

let tableEl = document.getElementById("tableId");
let index = 0;
let colors = ["#e7eff6","#d0e1f9","#adcbe3"]
for (let trEl of tableEl.rows) {
    trEl.style.backgroundColor = colors[index % colors.length];
    index++;
}

在生成行时,为它们分配一个类,该类将映射到CSS中定义的特定颜色。这对我不起作用。如果我删除一个订单并刷新,以下订单将继承已删除行的bg-color。然后只需使用一个类,该类映射到每行的一个永远不会更改的属性,例如它的
id
。例如,如果您最多需要三种不同的颜色,请使用
id%3
生成三个唯一的类名中的一个,这三个类名对于该行始终是一致的。我明白了,但我如何在JS中做到这一点呢?您不是在JS中做到的,而是在PHP中做到的。如果您展示了用于生成行的代码,我可以向您展示如何修改它以使用行的ID生成三个类名之一。