如果数据动态变化，如何解决HTML中表格行的背景色静态？

问题描述

我有一个订单表，订单在其中进出，我必须固定整行的背景颜色（我的意思是每三行背景颜色就会循环变化）。 例如：

#orders tr:nth-child(3n+3) {
    background: #e7eff6;
}

#orders tr:nth-child(3n+4) {
    background: #d0e1f9;
}
    
#orders tr:nth-child(3n+2) {
    background: #adcbe3;
}

但是有一个问题，因为如果有订单要进去或订单被取消又要出去，那么背景颜色的行将发生变化，但是我必须对其进行修复并保留最初得到的颜色。

因此，我需要将行分开，背景色不是必需的，但是如果数据动态变化，则必须将其固定。

有人有主意吗？

解决方法

您可以在JS中使用模数％来设置加载后行的背景颜色。 例如，如果您的表具有 id = tableId ，则可以运行类似的内容

public static void main(String[] args) {
    String original = "hello,Donald,Trump";
    String[] split = original.split(",");
    String[] reversedSplit = new String[split.length];
    IntStream.range(0,split.length).forEach(index -> {
        reversedSplit[index] = new StringBuilder(split[index]).reverse().toString();
    });
    System.out.println(Arrays.toString(reversedSplit));
}